:root{--color-primary: #E8733A;--color-primary-light: #F09D6E;--color-primary-lighter: #F5C49E;--color-primary-dark: #C45A25;--state-success: #34A853;--state-warning: #F5A623;--state-error: #E84D3A;--state-info: #4A90D9;--color-bg-page: #FFFFFF;--color-bg-surface: #FFFFFF;--color-bg-surface-raised: #F9FAFB;--color-bg-surface-overlay: #FEF3EB;--color-bg-muted: #F5F5F5;--color-bg-inverse: #1A1A1A;--color-bg-accent: #FEF3EB;--color-text-primary: #111827;--color-text-secondary: #4B5563;--color-text-tertiary: #9CA3AF;--color-text-on-primary: #FFFFFF;--color-text-on-inverse: #FFFFFF;--color-text-link: #E8733A;--color-border: #E5E7EB;--color-border-subtle: #F3F4F6;--color-border-strong: #D1D5DB;--font-display: "Plus Jakarta Sans", "Noto Sans SC", system-ui, sans-serif;--font-body: "Noto Sans SC", "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .05);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .05);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .05);--shadow-float: 0 12px 40px rgba(0, 0, 0, .08)}html.dark{--color-primary: #F09D6E;--color-primary-light: #F5C49E;--color-primary-lighter: #FADCC0;--color-primary-dark: #E8733A;--color-bg-page: #111111;--color-bg-surface: #1A1A1A;--color-bg-surface-raised: #222222;--color-bg-surface-overlay: #2A201A;--color-bg-muted: #222222;--color-bg-inverse: #FFFFFF;--color-bg-accent: #2A201A;--color-text-primary: #F9FAFB;--color-text-secondary: #D1D5DB;--color-text-tertiary: #9CA3AF;--color-text-on-primary: #1A1A1A;--color-text-on-inverse: #111827;--color-text-link: #F09D6E;--color-border: #2A2A2A;--color-border-subtle: #222222;--color-border-strong: #3A3A3A;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .35);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .4);--shadow-float: 0 12px 40px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);background:var(--color-bg-page);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-surface-raised)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}