:root{--bg: #ebeee7;--surface: #f7f8f4;--surface-2: #e2e7df;--border: #d3dad0;--border-strong: #b3bdb1;--text: #22302a;--text-2: #46534a;--text-3: #5f6963;--accent: #2f5e44;--accent-2: #3d7a57;--accent-soft: #dbe6dc;--on-accent: #f4f6f1;--danger: #c0352b;--success: #2e8a4e;--warn: #b7791f;--canvas: #eef1ea;--canvas-dot: #cbd3c8;--shadow-sm: 0 1px 2px rgb(43 58 48 / .07), 0 1px 3px rgb(43 58 48 / .09);--shadow: 0 4px 12px rgb(43 58 48 / .1), 0 2px 4px rgb(43 58 48 / .07);--shadow-lg: 0 20px 40px rgb(43 58 48 / .18), 0 4px 10px rgb(43 58 48 / .09);--radius: 10px;--radius-sm: 6px;--status-new: #64748b;--status-progress: #2563eb;--status-done: #16a34a;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}:root[data-theme=dark]{--bg: #121915;--surface: #19221d;--surface-2: #212c26;--border: #2c3931;--border-strong: #3d4c43;--text: #e7ece4;--text-2: #afbab1;--text-3: #7d897f;--accent: #8fc7a2;--accent-2: #acd8ba;--accent-soft: #1f3528;--on-accent: #0f1f16;--danger: #f0786c;--success: #6fcf8e;--warn: #e3b25a;--canvas: #101612;--canvas-dot: #29352e;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow: 0 4px 12px rgb(0 0 0 / .4);--shadow-lg: 0 20px 40px rgb(0 0 0 / .5);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #121915;--surface: #19221d;--surface-2: #212c26;--border: #2c3931;--border-strong: #3d4c43;--text: #e7ece4;--text-2: #afbab1;--text-3: #7d897f;--accent: #8fc7a2;--accent-2: #acd8ba;--accent-soft: #1f3528;--on-accent: #0f1f16;--danger: #f0786c;--success: #6fcf8e;--warn: #e3b25a;--canvas: #101612;--canvas-dot: #29352e;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow: 0 4px 12px rgb(0 0 0 / .4);--shadow-lg: 0 20px 40px rgb(0 0 0 / .5);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{accent-color:var(--accent);font-family:var(--font);font-size:14px;line-height:1.45;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent)}h1,h2,h3,h4{margin:0;line-height:1.2}code,pre,textarea.mono{font-family:JetBrains Mono,ui-monospace,Cascadia Code,Consolas,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .12s,border-color .12s,box-shadow .12s}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover:not(:disabled){background:var(--accent-2)}.btn.danger{color:var(--danger)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.sm{height:28px;padding:0 10px;font-size:13px}.btn.icon{width:34px;padding:0}.input,.select,textarea.input{width:100%;height:36px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit}.input:focus,.select:focus,textarea.input:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);border-color:var(--accent)}textarea.input{height:auto;padding:8px 10px;resize:vertical}.field{display:grid;gap:4px}.field label{font-size:12px;font-weight:600;color:var(--text-2)}.field .hint{font-size:12px;color:var(--text-3)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.muted{color:var(--text-3)}.error-text{color:var(--danger);font-size:13px;white-space:pre-wrap}.pill{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:999px;font-size:11px;font-weight:600;background:var(--surface-2);color:var(--text-2);white-space:nowrap}.pill.new{background:color-mix(in srgb,var(--status-new) 16%,transparent);color:var(--status-new)}.pill.indeterminate{background:color-mix(in srgb,var(--status-progress) 16%,transparent);color:var(--status-progress)}.pill.done{background:color-mix(in srgb,var(--status-done) 16%,transparent);color:var(--status-done)}.backdrop{position:fixed;inset:0;z-index:1000;background:#0f111773;display:grid;place-items:center;padding:16px}.dialog{background:var(--surface);border-radius:14px;box-shadow:var(--shadow-lg);border:1px solid var(--border);display:flex;flex-direction:column;max-height:calc(100vh - 32px);width:min(1200px,100%);overflow:hidden}.dialog>header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.dialog>header h2{font-size:16px;flex:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
