*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg2:#13131e;--bg3:#1a1a28;--surface:#1e1e2e;--panel:#16161f;--border:#2a2a3a;--accent:#6c47ff;--accent2:#00d4aa;--text:#f0f0f8;--muted:#88a;--danger:#ff4d6a;--success:#22c55e;--warning:#f59e0b;--info:#38bdf8;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-content:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-code:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-scale:1;--font-size-xs:calc(11px * var(--font-scale));--font-size-sm:calc(13px * var(--font-scale));--font-size-md:calc(15px * var(--font-scale));--font-size-lg:calc(18px * var(--font-scale));--font-size-xl:calc(22px * var(--font-scale));--line-height:1.6;--letter-spacing:0em;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--card-radius:var(--radius-lg);--btn-radius:var(--radius-md);--input-radius:var(--radius-md);--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--blur-sm:8px;--blur-md:16px;--blur-lg:32px;--panel-opacity:1;--border-opacity:1;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--density:1;--sidebar-width:176px;--nav-width:56px;--header-height:48px;--header-bg:var(--bg2);--header-border:1px solid var(--border);--header-blur:0px;--transition-fast:.1s ease;--transition-md:.2s ease;--transition-slow:.35s ease;--widget-bg:var(--bg2);--widget-border:var(--border);--widget-radius:var(--radius-lg);--widget-shadow:var(--shadow-md)}[data-density=compact]{--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:24px;--density:.75;--font-scale:.9;--header-height:40px;--sidebar-width:160px}[data-density=spacious]{--space-1:6px;--space-2:12px;--space-3:18px;--space-4:24px;--space-5:36px;--space-6:48px;--density:1.25;--font-scale:1.05;--header-height:56px;--sidebar-width:192px}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--font-size-md);line-height:var(--line-height);letter-spacing:var(--letter-spacing);transition:background var(--transition-slow), color var(--transition-slow)}code,pre,kbd{font-family:var(--font-code)}a{color:var(--accent);text-decoration:none}a:hover{opacity:.85}button{cursor:pointer;font-family:var(--font-ui);font-size:var(--font-size-sm);border-radius:var(--btn-radius);transition:opacity var(--transition-fast), transform var(--transition-fast);border:none}button:hover:not(:disabled){opacity:.85}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}input,textarea,select{background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:var(--font-ui);font-size:var(--font-size-sm);border-radius:var(--input-radius);padding:var(--space-2) var(--space-3);width:100%;transition:border-color var(--transition-fast);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}select option{background:var(--bg2)}.btn-primary{background:var(--accent);color:#fff;padding:var(--space-2) var(--space-4);font-weight:600}.btn-secondary{background:var(--bg3);color:var(--text);padding:var(--space-2) var(--space-4);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff;padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.btn-ghost{color:var(--muted);padding:var(--space-1) var(--space-3);border:1px solid var(--border);background:0 0}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.btn-xs{padding:3px var(--space-2);font-size:var(--font-size-xs)}.card{background:var(--widget-bg);border:1px solid var(--widget-border);border-radius:var(--widget-radius);box-shadow:var(--widget-shadow);padding:var(--space-4)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--card-radius)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-muted{color:var(--muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.font-mono{font-family:var(--font-code)}.font-bold{font-weight:700}.font-medium{font-weight:500}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}*,:before,:after{transition:background-color var(--transition-slow), border-color var(--transition-slow), color var(--transition-slow)}button,a,input,select,textarea{transition-duration:var(--transition-fast)}
