:root{--color-bg-primary:#f2efe8;--color-bg-secondary:#fff;--color-bg-tertiary:#f5f2eb;--color-bg-sidebar:#151312;--color-bg-card:#fff;--color-bg-hover:#f8f6f2;--color-text-primary:#1d1b18;--color-text-secondary:#5f5648;--color-text-muted:#8b7f6c;--color-text-inverse:#f6f1e8;--color-border-light:#ded7ca;--color-border-dark:#24211b;--color-border-subtle:#e8e3da;--color-accent-primary:#1c1915;--color-accent-secondary:#c9b88c;--color-accent-success:#4ade80;--color-accent-warning:#fbbf24;--color-accent-error:#f87171;--color-accent-active:#3b82f6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-family-sans:"Space Grotesk","Work Sans","Segoe UI",system-ui,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",ui-monospace,monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:999px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-tooltip:400}@media (prefers-color-scheme:dark){:root{--color-bg-primary:#0f0e0d;--color-bg-secondary:#1a1817;--color-bg-tertiary:#242220;--color-bg-sidebar:#0a0908;--color-bg-card:#1f1d1b;--color-bg-hover:#2a2725;--color-text-primary:#f6f1e8;--color-text-secondary:#a89f91;--color-text-muted:#736c5f;--color-text-inverse:#1d1b18;--color-border-light:#2d2a26;--color-border-dark:#0a0908;--color-border-subtle:#383532}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary)}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer}button,input,select,textarea{font-family:inherit;font-size:inherit}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--color-accent-active);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background-color:var(--color-accent-secondary);color:var(--color-text-primary)}