:root{--brand-green: #4A9B3F;--brand-green-light: rgba(74,155,63,.12);--brand-green-mid: rgba(74,155,63,.25);--brand-red: #CC2B2B;--brand-red-light: rgba(204,43,43,.12);--warning: #D97706;--warning-light: rgba(217,119,6,.12);--info: #2563EB;--info-light: rgba(37,99,235,.12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--font: "DM Sans", -apple-system, sans-serif;--font-mono: "DM Mono", "Cascadia Code", monospace}[data-theme=dark]{--bg-page: #1C1E22;--bg-surface: #252830;--bg-surface-hover: #2D3039;--bg-sidebar: #141618;--border: #2A2D33;--border-hover: #3A3D45;--text-primary: #FFFFFF;--text-secondary: #9DA3AE;--text-muted: #6B7280;--sb-bg: #141618;--sb-right-border: .5px solid #2A2D33;--sb-divider: #2A2D33;--sb-logo-text: #FFFFFF;--sb-logo-sub: #6B7280;--sb-nav-text: #9DA3AE;--sb-nav-active-color: #4A9B3F;--sb-nav-active-bg: rgba(74,155,63,.12);--sb-nav-active-border: #4A9B3F;--sb-nav-active-border-w: 3px;--sb-hover: #2D3039;--sb-section-label: #6B7280;--sb-toggle-color: #6B7280;--sb-toggle-hover-bg: #2D3039;--sb-toggle-hover-color: #FFFFFF}[data-theme=light]{--bg-page: #EAE0C8;--bg-surface: #F2E8D0;--bg-surface-hover: #EDE3C5;--bg-sidebar: #DDD0B0;--border: #CEC0A0;--border-hover: #BDB090;--text-primary: #1A1208;--text-secondary: #6B5E42;--text-muted: #8C7D5E;--sb-bg: #2C1A0E;--sb-right-border: none;--sb-divider: rgba(255,255,255,.08);--sb-logo-text: #F5DEB3;--sb-logo-sub: rgba(245,222,179,.45);--sb-nav-text: rgba(245,222,179,.45);--sb-nav-active-color: #F5DEB3;--sb-nav-active-bg: rgba(245,222,179,.1);--sb-nav-active-border: #C8A96E;--sb-nav-active-border-w: 2px;--sb-hover: rgba(245,222,179,.08);--sb-section-label: rgba(245,222,179,.4);--sb-toggle-color: rgba(245,222,179,.45);--sb-toggle-hover-bg: rgba(245,222,179,.08);--sb-toggle-hover-color: #F5DEB3}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);font-size:14px;line-height:1.5;background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-full)}h1{font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}h2{font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--text-primary)}h3{font-size:13px;font-weight:500;color:var(--text-primary)}.mono{font-family:var(--font-mono);font-size:12px}