:root{--bg:#f4f5f8;--panel:#fff;--panel-alt:#f9fafb;--surface:#f4f5f8;--surface-soft:#eef0f4;--text:#111827;--text-dark:#030712;--muted:#6b7280;--line:#e5e7eb;--brand:#7c3aed;--brand-dark:#6d28d9;--brand-light:#8b5cf6;--danger:#dc2626;--warning:#d97706;--success:#059669;--sidebar-bg:#1e1b4b;--sidebar-text:#c7d2fe;--sidebar-muted:rgba(199,210,254,.45);--sidebar-border:rgba(99,102,241,.18);--topbar-h:76px;--workspace-gutter:clamp(18px,1.8vw,30px)}*{box-sizing:border-box}body,html{min-height:100%;margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}