:root{--font-mono:"JetBrains Mono", "Cascadia Code", "Fira Code", monospace;--font-sans:"DM Sans", "Inter", system-ui, sans-serif;--sidebar-w:248px;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--transition-fast:.15s ease;--transition-normal:.22s ease}:root,[data-theme=dark]{--bg-root:#0a0c0e;--bg-primary:#0d0f11;--bg-secondary:#14171c;--bg-tertiary:#1a1e24;--bg-hover:#1f242b;--bg-input:#111318;--border-subtle:#1f2329;--border-default:#2a2f36;--border-strong:#363c45;--border-accent:#f59e0b30;--text-primary:#e6e8eb;--text-secondary:#959aa0;--text-tertiary:#5b6066;--text-inverse:#0a0c0e;--accent:#f59e0b;--accent-dim:#d97706;--accent-glow:#f59e0b40;--accent-subtle:#f59e0b15;--success:#22c55e;--success-dim:#16a34a;--success-subtle:#22c55e15;--success-glow:#22c55e40;--warning:#f59e0b;--warning-subtle:#f59e0b15;--danger:#ef4444;--danger-dim:#dc2626;--danger-subtle:#ef444415;--info:#3b82f6;--info-dim:#2563eb;--info-subtle:#3b82f615;--info-glow:#3b82f640;--purple:#8b5cf6;--purple-subtle:#8b5cf615;--danger-glow:#ef444440;--cat-stationery:#f59e0b;--cat-writing:#3b82f6;--cat-accessories:#8b5cf6;--shadow-card:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-modal:0 0 0 1px var(--border-default), 0 16px 48px #0009;--body-gradient:radial-gradient(ellipse at 50% 0%, #1a1e2430 0%, transparent 60%);--dot-grid-color:var(--border-subtle);--toggle-bg:var(--bg-tertiary);--toggle-knob:var(--accent)}[data-theme=light]{--bg-root:#f5f2ed;--bg-primary:#faf8f5;--bg-secondary:#fff;--bg-tertiary:#f3f0ea;--bg-hover:#ebe6de;--bg-input:#fdfcfa;--border-subtle:#e6e1d8;--border-default:#d4cec3;--border-strong:#b0a898;--border-accent:#d9770630;--text-primary:#1a1712;--text-secondary:#5e5546;--text-tertiary:#908774;--text-inverse:#faf8f5;--accent:#d97706;--accent-dim:#b45309;--accent-glow:#d9770625;--accent-subtle:#f59e0b18;--success:#16a34a;--success-dim:#15803d;--success-subtle:#22c55e12;--success-glow:#22c55e30;--warning:#d97706;--warning-subtle:#f59e0b18;--danger:#dc2626;--danger-dim:#b91c1c;--danger-subtle:#ef444412;--info:#2563eb;--info-dim:#1d4ed8;--info-subtle:#3b82f612;--info-glow:#3b82f630;--purple:#7c3aed;--purple-subtle:#8b5cf612;--danger-glow:#ef444430;--cat-stationery:#d97706;--cat-writing:#2563eb;--cat-accessories:#7c3aed;--shadow-card:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-modal:0 0 0 1px var(--border-default), 0 16px 48px #0000001f;--body-gradient:radial-gradient(ellipse at 50% 0%, #e8e2d620 0%, transparent 60%);--dot-grid-color:#e0dad0;--toggle-bg:#e6e1d8;--toggle-knob:var(--accent)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-root);color:var(--text-primary);font-size:15px}body{font-family:var(--font-sans), sans-serif;background:var(--body-gradient), var(--bg-root);background-image:radial-gradient(circle, var(--dot-grid-color) 1px, transparent 1px);background-position:50%;background-size:20px 20px;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}