:root{--primary: #d97757;--primary-light: #e08d6f;--primary-dark: #b0683f;--primary-50: rgba(217, 119, 87, .05);--primary-100: rgba(217, 119, 87, .1);--primary-200: rgba(217, 119, 87, .14);--primary-300: rgba(217, 119, 87, .2);--primary-400: rgba(217, 119, 87, .28);--brand-primary: #d97757;--brand-primary-50: #f8e3d8;--brand-primary-100: #f0c6b3;--brand-primary-200: #e8a98f;--brand-primary-300: #e08d6f;--brand-primary-400: #d97757;--brand-primary-500: #b0683f;--brand-primary-600: #8a5740;--brand-primary-700: #6b4533;--brand-primary-800: #4d3528;--brand-primary-900: #3a2a22;--accent: #e08d6f;--accent2: #c96442;--accent-cyan: #8ca06f;--brand-indigo: #9c87f5;--brand-indigo-light: #b8a8f8;--brand-indigo-dark: #7b6de0;--brand-indigo-50: #f3f0fe;--brand-cyan: #8ca06f;--brand-sky: #a3b58a;--bg: #faf9f5;--bg2: #ffffff;--bg3: #f5f4ee;--bg-dark: #1b1b19;--surface: #ffffff;--surface-elevated: #faf9f5;--surface-subtle: #f5f4ee;--surface-page: #faf9f5;--card: #ffffff;--card2: #f5f4ee;--glass: rgba(250, 249, 245, .72);--border: rgba(144, 142, 132, .22);--border2: rgba(144, 142, 132, .12);--border-focus: var(--primary-light);--divider: rgba(144, 142, 132, .14);--text: #2c2c2b;--text2: #6e6d68;--text3: #b7b5a9;--text-inverse: #faf9f5;--text-muted: #b7b5a9;--text-placeholder: #c3c0b6;--gray-50: #faf9f5;--gray-100: #f5f4ee;--gray-200: #e9e6dc;--gray-300: #d8d6cd;--gray-400: #b7b5a9;--gray-500: #908e84;--gray-600: #6e6d68;--gray-700: #46443b;--gray-800: #2c2c2b;--gray-900: #1b1b19;--red: #ef4444;--orange: #d97757;--green: #8ca06f;--yellow: #c4a35a;--blue: #d97757;--success: #8ca06f;--warning: #c4a35a;--danger: #ef4444;--info: #d97757;--red-bg: rgba(239, 68, 68, .1);--orange-bg: rgba(217, 119, 87, .1);--green-bg: rgba(140, 160, 111, .12);--yellow-bg: rgba(196, 163, 90, .12);--blue-bg: rgba(217, 119, 87, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 1px 3px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 1px 3px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 1px 3px rgba(0, 0, 0, .1), 0 8px 10px rgba(0, 0, 0, .1);--shadow-modal: 0 1px 3px rgba(0, 0, 0, .1), 0 8px 10px rgba(0, 0, 0, .12);--shadow-inner: inset 0 1px 2px rgba(0, 0, 0, .06);--font-sans: "Poppins", -apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;--font-display: "Newsreader", Georgia, "PingFang SC", "Microsoft YaHei", serif;--font-serif: "Lora", Georgia, "PingFang SC", "Microsoft YaHei", serif;--font-mono: "Geist Mono", "JetBrains Mono", "SF Mono", Consolas, monospace;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 15px;--text-xl: 17px;--text-2xl: 20px;--text-3xl: 26px;--text-4xl: 32px;--text-5xl: 40px;--text-6xl: 56px;--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 10px;--space-5: 12px;--space-6: 14px;--space-7: 16px;--space-8: 18px;--space-9: 20px;--space-10: 24px;--space-11: 28px;--space-12: 32px;--space-13: 36px;--space-14: 40px;--space-15: 44px;--space-16: 48px;--space-18: 56px;--space-20: 64px;--space-24: 80px;--radius-sm: 8px;--radius: 12px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-4xl: 24px;--radius-full: 9999px;--topbar-height: 60px;--sidebar-width: 220px;--max-content-width: 1400px;--container-sm: 480px;--container-md: 768px;--container-lg: 1000px;--container-xl: 1200px;--breakpoint-xs: 360px;--breakpoint-sm: 480px;--breakpoint-md: 600px;--breakpoint-lg: 768px;--breakpoint-xl: 992px;--breakpoint-2xl: 1200px;--z-base: 0;--z-background: -1;--z-dropdown: 50;--z-sticky: 80;--z-sidebar: 90;--z-topbar: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--z-skip-link: 600;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--touch-target-min: 44px;--touch-target-comfortable: 48px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-bounce: .3s cubic-bezier(.34, 1.56, .64, 1)}html[data-theme=dark]{--bg: #1b1b19;--bg2: #262624;--bg3: #2c2c2b;--bg-dark: #141413;--surface: #262624;--surface-elevated: #30302e;--surface-subtle: #2c2c2b;--surface-page: #1b1b19;--card: #2c2c2b;--card2: #262624;--glass: rgba(44, 44, 43, .72);--border: rgba(183, 181, 169, .16);--border2: rgba(183, 181, 169, .1);--divider: rgba(183, 181, 169, .12);--text: #faf9f5;--text2: #b7b5a9;--text3: #908e84;--text-placeholder: #6e6d68;--gray-50: #1b1b19;--gray-100: #262624;--gray-200: #2c2c2b;--gray-300: #3e3e38;--gray-400: #52514a;--gray-500: #6e6d68;--gray-600: #908e84;--gray-700: #b7b5a9;--gray-800: #d8d6cd;--gray-900: #faf9f5;--primary-100: rgba(217, 119, 87, .16);--primary-200: rgba(217, 119, 87, .2);--primary-300: rgba(217, 119, 87, .34);--red-bg: rgba(239, 68, 68, .16);--orange-bg: rgba(217, 119, 87, .16);--green-bg: rgba(140, 160, 111, .16);--yellow-bg: rgba(196, 163, 90, .16);--blue-bg: rgba(217, 119, 87, .18);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow: 0 1px 3px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 1px 3px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .45);--shadow-lg: 0 1px 3px rgba(0, 0, 0, .45), 0 4px 6px rgba(0, 0, 0, .5);--shadow-xl: 0 1px 3px rgba(0, 0, 0, .45), 0 8px 10px rgba(0, 0, 0, .55);--shadow-modal: 0 8px 30px rgba(0, 0, 0, .6);--shadow-inner: inset 0 1px 2px rgba(0, 0, 0, .4)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #1b1b19;--bg2: #262624;--bg3: #2c2c2b;--bg-dark: #141413;--surface: #262624;--surface-elevated: #30302e;--surface-subtle: #2c2c2b;--surface-page: #1b1b19;--card: #2c2c2b;--card2: #262624;--glass: rgba(44, 44, 43, .72);--border: rgba(183, 181, 169, .16);--border2: rgba(183, 181, 169, .1);--divider: rgba(183, 181, 169, .12);--text: #faf9f5;--text2: #b7b5a9;--text3: #908e84;--text-placeholder: #6e6d68;--gray-50: #1b1b19;--gray-100: #262624;--gray-200: #2c2c2b;--gray-300: #3e3e38;--gray-400: #52514a;--gray-500: #6e6d68;--gray-600: #908e84;--gray-700: #b7b5a9;--gray-800: #d8d6cd;--gray-900: #faf9f5;--primary-100: rgba(217, 119, 87, .16);--primary-200: rgba(217, 119, 87, .2);--primary-300: rgba(217, 119, 87, .34);--red-bg: rgba(239, 68, 68, .16);--orange-bg: rgba(217, 119, 87, .16);--green-bg: rgba(140, 160, 111, .16);--yellow-bg: rgba(196, 163, 90, .16);--blue-bg: rgba(217, 119, 87, .18);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow: 0 1px 3px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 1px 3px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .45);--shadow-lg: 0 1px 3px rgba(0, 0, 0, .45), 0 4px 6px rgba(0, 0, 0, .5);--shadow-xl: 0 1px 3px rgba(0, 0, 0, .45), 0 8px 10px rgba(0, 0, 0, .55);--shadow-modal: 0 8px 30px rgba(0, 0, 0, .6);--shadow-inner: inset 0 1px 2px rgba(0, 0, 0, .4)}}