:root{--bg:#faf8f4;--bg2:#f2efe8;--card:#fff;--border1:#e8e2d8;--border2:#d0c8bc;--text1:#2c2720;--text2:#6b5e52;--text3:#9c8e82;--blue:#2563eb;--blue-bg:#eff6ff;--blue-border:#bfdbfe;--blue-text:#1d4ed8;--green:#16a34a;--green-bg:#f0fdf4;--green-border:#bbf7d0;--amber:#d97706;--amber-bg:#fffbeb;--amber-border:#fde68a;--red:#dc2626;--red-bg:#fef2f2;--red-border:#fecaca;--dot-saved:var(--green);--dot-dirty:var(--amber);--dot-error:var(--red);--font-sans:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Mono",monospace;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text1);font-family:var(--font-sans);min-height:100vh}input[type=text],input[type=number],input[type=file]{font-family:var(--font-mono);background:var(--bg);border:1.5px solid var(--border2);color:var(--text1);border-radius:var(--r-md);outline:none;transition:border-color .15s}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb14}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}