@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg:#f8f7f4;--bg-secondary:#efede8;--surface:#fff;--surface-raised:#fff;--border:#e4e1da;--border-subtle:#ede9e1;--text-primary:#1a1917;--text-secondary:#6b6760;--text-muted:#a8a49d;--accent:#2d6ef6;--accent-hover:#1d5ce0;--accent-subtle:#edf1fe;--success:#16a34a;--error:#dc2626;--warning:#d97706;--canvas-bg:#fefefe;--tool-active:#2d6ef6;--highlight-yellow:#fde0478c;--highlight-green:#86efac8c;--highlight-pink:#f9a8d48c;--highlight-blue:#93c5fd8c;--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;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000d;--shadow-lg:0 12px 32px #0000001a, 0 4px 8px #0000000d;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:38px;--ease:cubic-bezier(.16, 1, .3, 1);--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.35s;--toolbar-w:64px;--sidebar-w:260px;--touch-min:44px}[data-theme=dark]{--bg:#111110;--bg-secondary:#1a1917;--surface:#1e1d1c;--surface-raised:#252422;--border:#2e2c2a;--border-subtle:#242220;--text-primary:#f5f4f0;--text-secondary:#a3a09a;--text-muted:#6b6760;--accent:#4f8dff;--accent-hover:#6ba0ff;--accent-subtle:#1a2240;--success:#4ade80;--error:#f87171;--warning:#fbbf24;--canvas-bg:#1a1917;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 12px #00000059, 0 2px 4px #0003;--shadow-lg:0 12px 32px #00000080, 0 4px 8px #00000040}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;touch-action:manipulation;font-size:16px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);line-height:1.5;font-size:var(--text-base);min-height:100dvh;transition:background var(--duration-normal) var(--ease), color var(--duration-normal) var(--ease);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}h1{font-size:var(--text-2xl);letter-spacing:-.5px;font-weight:700;line-height:1.2}h2{font-size:var(--text-xl);letter-spacing:-.3px;font-weight:600;line-height:1.3}h3{font-size:var(--text-md);font-weight:600;line-height:1.4}p{line-height:1.65}button{font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast) var(--ease);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none}input,textarea{font-family:var(--font-sans);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease);outline:none}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}input::placeholder,textarea::placeholder{color:var(--text-muted)}a{color:var(--accent);text-decoration:none}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);white-space:nowrap;transition:all var(--duration-fast) var(--ease);touch-action:manipulation;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);touch-action:manipulation;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.btn-icon:after{content:"";position:absolute;inset:-4px}.btn-icon:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-icon.active{background:var(--accent-subtle);color:var(--accent)}@media (pointer:coarse){.btn-icon{width:var(--touch-min);height:var(--touch-min)}.btn-icon:after{inset:0}}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.katex{font-size:1em}.katex-display{overflow-x:auto}