:root{color-scheme:light dark;--bg: #f6f7f9;--fg: #1c1f24;--muted: #6b7280;--card: #ffffff;--border: #e3e6ea;--accent: #2563eb;--danger: #dc2626;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}@media(prefers-color-scheme:dark){:root{--bg: #111418;--fg: #e6e8eb;--muted: #9aa3ad;--card: #1a1e24;--border: #2a3038}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}a{color:var(--accent);text-decoration:none}h1,h2,h3{margin:0 0 .5rem}.muted{color:var(--muted)}.error{color:var(--danger)}.ok{color:#16a34a}.center{min-height:100vh;display:grid;place-items:center;padding:1rem}.page{max-width:900px;margin:0 auto;padding:1.5rem}.page.wide{max-width:none}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:var(--card)}.topbar nav{display:flex;gap:1rem;align-items:center}.brand{font-weight:700;color:var(--fg)}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem}.form{display:flex;flex-direction:column;gap:.75rem;min-width:320px}.form label{display:flex;flex-direction:column;gap:.25rem;font-weight:500}.inline{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.inline label{flex-direction:row;align-items:center}input,select{padding:.45rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font:inherit}button{padding:.45rem .9rem;border:none;border-radius:6px;background:var(--accent);color:#fff;font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:default}button.link{background:none;color:var(--accent);padding:0}button.link.danger{color:var(--danger)}.project-list{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.5rem}.project-list li{display:flex;justify-content:space-between;padding:.75rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:8px}.project-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:1rem}.tabs{display:flex;gap:.25rem}.tabs a{padding:.4rem .8rem;border-radius:6px;color:var(--fg)}.tabs a.active{background:var(--accent);color:#fff}.columns{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:1rem;overflow-x:auto;padding-bottom:1rem}.column{background:color-mix(in srgb,var(--card) 60%,var(--bg));border:1px solid var(--border);border-radius:8px;padding:.75rem;min-height:200px}.column h3{font-size:.95rem;display:flex;justify-content:space-between}.task{padding:.6rem .75rem;margin-bottom:.5rem}.task header,.task footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.task p{margin:.35rem 0}.task .key{font-family:ui-monospace,monospace;color:var(--muted);font-size:.8rem}.task select{font-size:.8rem;padding:.2rem .4rem;flex:1}.priority{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;padding:.1rem .4rem;border-radius:999px;background:var(--border)}.priority.critical{background:#fecaca;color:#7f1d1d}.priority.high{background:#fed7aa;color:#7c2d12}