:root{--navy: #1a1f3c;--peri: #4f6fe8;--peri-ink: #3a55c4;--peri-wash: #edf1fe;--green: #0f7a61;--green-wash: #e4f3ef;--gold: #c8891a;--gold-wash: #fbf2e0;--red: #c62f44;--red-wash: #fbe9ec;--bg: #f6f7fc;--card: #fff;--ink: #131832;--muted: #5c6488;--line: #dce1f1;--sp2: 8px;--sp3: 12px;--sp4: 16px;--sp5: 24px;--row: 44px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 Manrope,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}input{font:inherit}:focus-visible{outline:2px solid var(--peri);outline-offset:2px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp4);background:var(--navy);color:#fff;padding:var(--sp3) var(--sp5)}.brand{font-weight:800;letter-spacing:-.02em}.wrap{max-width:880px;margin:0 auto;padding:var(--sp5) var(--sp4)}.card{background:var(--card);border:1px solid var(--line);border-radius:10px}.tabs{display:flex;gap:2px;margin-bottom:var(--sp4);flex-wrap:wrap}.tab{background:transparent;border:1px solid transparent;border-radius:6px;padding:var(--sp2) var(--sp3);color:var(--muted);font-weight:600}.tab[aria-selected=true]{background:var(--peri-wash);color:var(--peri-ink);border-color:var(--peri)}.row{display:flex;align-items:center;gap:var(--sp3);min-height:var(--row);padding:var(--sp2) var(--sp4);border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row .title{flex:1;min-width:0;overflow-wrap:anywhere}.pill{font:500 10.5px/1.6 ui-monospace,monospace;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:20px;white-space:nowrap}.p-todo{background:#eef0f7;color:var(--muted)}.p-progress{background:var(--peri-wash);color:var(--peri-ink)}.p-done{background:var(--green-wash);color:var(--green)}.p-cancel{background:var(--red-wash);color:var(--red)}.btn{background:var(--peri);color:#fff;border:1px solid var(--peri);border-radius:6px;padding:10px var(--sp4);font-weight:600;min-height:var(--row)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-quiet{background:#fff;color:var(--peri-ink)}.btn-sm{min-height:32px;padding:4px 10px;font-size:13px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp4)}.field label{font-size:13px;font-weight:600}.field input{border:1px solid var(--line);border-radius:6px;padding:10px var(--sp3);min-height:var(--row);background:#fff;color:var(--ink)}.state{padding:var(--sp5) var(--sp4);color:var(--muted);text-align:center}.error{background:var(--red-wash);color:var(--red);border-radius:6px;padding:var(--sp3) var(--sp4);margin-bottom:var(--sp4)}.login{max-width:380px;margin:10vh auto;padding:0 var(--sp4)}.skel{height:12px;border-radius:4px;background:#e8ebf5}@media(prefers-reduced-motion:no-preference){.skel{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}}.table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}.table th,.table td{padding:var(--sp3) var(--sp4);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--bg);font-weight:700}.table tr:last-child td{border-bottom:0}.table code{font-size:13px;color:var(--peri-ink)}.seg{display:flex;gap:0;margin-bottom:var(--sp4);border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--card)}.seg button{flex:1;padding:10px var(--sp4);border:0;background:transparent;color:var(--muted);font-weight:600;font-size:14px}.seg button[aria-pressed=true]{background:var(--peri-wash);color:var(--peri-ink)}.seg button+button{border-left:1px solid var(--line)}