:root{--font-family-fallback-sans: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--font-family-fallback-mono: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑";--font-family-ui: "Source Han Sans SC", var(--font-family-fallback-sans);--font-family-mono: "JetBrains Mono", var(--font-family-fallback-mono), "Courier New", monospace}@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--transition-duration: .2s;--app-font-sans: var(--font-family-ui);--app-color-primary: 0 0 0;--app-color-primary-dark: 255 255 255;--app-color-primary-light: 51 51 51;--app-color-secondary: 26 26 26;--app-color-secondary-dark: 229 229 229;--app-color-secondary-light: 64 64 64;--app-color-dark: 0 0 0;--app-color-dark-secondary: 10 10 10;--app-color-dark-alt: 26 26 26;--app-color-light: 255 255 255;--app-color-light-secondary: 245 245 245;--app-color-accent: 51 51 51;--app-color-accent-secondary: 102 102 102;--app-color-text-light: 0 0 0;--app-color-text-dark: 255 255 255;--app-radius-base: 6px;--app-radius-surface: 16px;--app-color-border-light: 229 231 235;--app-color-border-dark: 31 41 55;--app-color-state-pressed-light: 17 17 17;--app-color-state-pressed-dark: 204 204 204;--app-color-state-suppl-light: 85 85 85;--app-color-state-suppl-dark: 213 213 213;--app-naive-switch-button-shadow: 0 1px 2px rgba(0, 0, 0, .12);--app-naive-switch-focus-shadow: 0 0 0 2px rgba(0, 0, 0, .15);--font-size-xs: .8125rem;--font-size-sm: .9375rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}.dark{--app-naive-switch-button-shadow: 0 1px 2px rgba(0, 0, 0, .4);--app-naive-switch-focus-shadow: 0 0 0 2px rgba(255, 255, 255, .18)}html{@apply text-base transition-colors duration-200;font-synthesis:none;font-optical-sizing:auto;font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:auto;overscroll-behavior:none}body{@apply bg-light font-sans text-text-light transition-colors duration-200;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);font-family:var(--font-family-ui);font-weight:var(--font-weight-normal);line-height:1.65;letter-spacing:.012em;overscroll-behavior:none}button,input,textarea,select{font-family:inherit}.dark body{@apply bg-dark text-text-dark;}h1,h2,h3,h4,h5,h6{@apply transition-colors duration-200;font-family:var(--font-family-ui);font-weight:var(--font-weight-bold);letter-spacing:.008em;line-height:1.4;text-rendering:optimizeLegibility}h1{@apply text-2xl;}h2{@apply text-xl;}h3{@apply text-lg;}section{@apply transition-colors duration-200;}}@layer components{.btn{@apply inline-flex items-center justify-center rounded-md px-4 py-2 font-medium transition-colors duration-200;@apply focus:outline-none focus:ring-2 focus:ring-offset-2;@apply disabled:cursor-not-allowed disabled:opacity-50;}.container{@apply mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8;}.surface{@apply rounded-2xl border-0 bg-light-secondary text-text-light shadow-none;@apply dark:border dark:border-gray-800 dark:bg-dark-alt dark:text-text-dark dark:shadow-none;}.surface-header{@apply border-b border-gray-200 px-4 py-4 dark:border-gray-800 sm:px-6;}.surface-title{@apply text-sm font-semibold text-gray-900 dark:text-gray-100;}.surface-body{@apply px-4 py-4 sm:px-6 sm:py-5;}.surface-divider{@apply border-t border-gray-200 dark:border-gray-800;}.safe-area-header{padding-top:calc(env(safe-area-inset-top) + 1rem);padding-left:calc(env(safe-area-inset-left) + 0px);padding-right:calc(env(safe-area-inset-right) + 0px)}button,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.n-input .n-input__input-el:-webkit-autofill,.n-input .n-input__input-el:-webkit-autofill:hover,.n-input .n-input__input-el:-webkit-autofill:focus,.n-input .n-input__input-el:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgb(255 255 255) inset!important;-webkit-text-fill-color:rgb(51 51 51)!important}.dark .n-input .n-input__input-el:-webkit-autofill,.dark .n-input .n-input__input-el:-webkit-autofill:hover,.dark .n-input .n-input__input-el:-webkit-autofill:focus,.dark .n-input .n-input__input-el:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgb(72 72 78) inset!important;-webkit-text-fill-color:rgb(255 255 255)!important}.auth-card .n-input:has(.n-input__input-el:-webkit-autofill),.auth-card .n-input:has(.n-input__input-el:-webkit-autofill:hover),.auth-card .n-input:has(.n-input__input-el:-webkit-autofill:focus),.auth-card .n-input:has(.n-input__input-el:-webkit-autofill:active){--auth-autofill-bg: rgb(72 72 78);background-color:var(--auth-autofill-bg)!important;transition:none!important}.auth-card .n-input .n-input__input-el:-webkit-autofill,.auth-card .n-input .n-input__input-el:-webkit-autofill:hover,.auth-card .n-input .n-input__input-el:-webkit-autofill:focus,.auth-card .n-input .n-input__input-el:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--auth-autofill-bg) inset!important;transition:none!important}@media screen and (max-width:768px){input,textarea,select,.n-input .n-input__input-el,.n-input .n-input__placeholder{font-size:16px!important}}.drawer-link{@apply rounded-md px-3 py-2 text-gray-900 transition-colors hover:bg-gray-100 dark:text-gray-100 dark:hover:bg-gray-800;}.bg-white,.bg-light,.bg-light-secondary{@apply text-text-light;}.bg-primary{@apply text-text-dark;}}
