:root{--color-purple: #6c5ce7;--color-blue: #0984e3;--color-green: #00b894;--color-amber: #e17055;--color-red: #d63031;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--touch-min: 44px;--header-height: 56px;--tabbar-height: 60px;--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .32s cubic-bezier(.22, 1, .36, 1)}html.theme-light{--bg-base: #f5f6fa;--bg-surface: #ffffff;--bg-elevated: #f0f1f8;--bg-border: #e0e3ef;--bg-input: #ffffff;--bg-subtle: #e8eaf2;--text-primary: #1a1d2e;--text-secondary: #2d3154;--text-muted: #5a607a;--text-faint: #8890aa;--text-disabled: #b8bdd0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .16);--overlay-bg: rgba(15, 17, 23, .32)}html.theme-dark{--bg-base: #0f1117;--bg-surface: #0d1021;--bg-elevated: #141826;--bg-border: #1e2333;--bg-input: #141826;--bg-subtle: #252d42;--text-primary: #e2e8f0;--text-secondary: #c8d3f0;--text-muted: #8892b0;--text-faint: #5a6480;--text-disabled: #3a4460;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .55);--overlay-bg: rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;width:100%;max-width:100vw;overflow-x:hidden;overscroll-behavior-x:none}html{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:pan-y pinch-zoom}body{background:var(--bg-base);color:var(--text-primary);min-height:100dvh}h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote{margin:0;padding:0}ul,ol{list-style:none}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:var(--color-blue);text-decoration:none}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--color-purple);outline-offset:2px}::selection{background:var(--color-purple);color:#fff}
