:root{--bg: #000000;--bg2: #0a0a0a;--taskcard: #111111;--line: #333333;--ink: #ffffff;--muted: rgba(255, 255, 255, .6);--faint: rgba(255, 255, 255, .4);--accent: #ffffff;--accent-ink: #000000}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--ink)}code{background:var(--bg2);padding:1px 6px;border-radius:6px;font-size:.9em}.topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 20px;background:var(--bg2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font-size:22px;font-weight:800;color:var(--ink);text-decoration:none}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tabs a{color:var(--muted);text-decoration:none;padding:6px 12px;border-radius:999px}.tabs a.active{background:var(--accent);color:var(--accent-ink);font-weight:700}.me{margin-left:auto;color:var(--muted);font-size:.9em}.wrap{max-width:1080px;margin:0 auto;padding:24px 20px 60px}.wrap h1{margin:0 0 4px;font-size:30px}.wrap h2{margin-top:32px}.sub{color:var(--muted);margin:0 0 20px}.muted{color:var(--muted)}.footer{max-width:1080px;margin:0 auto;padding:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.9em}.btn{background:var(--taskcard);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:9px 16px;cursor:pointer;font-size:15px}.btn:hover{border-color:var(--ink)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.btn.sm{padding:5px 10px;font-size:13px}.pill{display:inline-block;background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:13px;color:var(--muted)}.chip{background:var(--bg2);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:4px 10px;cursor:pointer;font-size:13px;margin:2px}.chip.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.stack{display:flex;flex-direction:column;gap:10px}.task-card{background:var(--taskcard);border:1px solid var(--line);border-radius:14px;padding:18px}input,select,textarea{background:var(--bg2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:15px;width:100%}input[type=checkbox]{width:auto;accent-color:#ffffff}label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--muted)}label.check{flex-direction:row;align-items:center;gap:8px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}.filters input{flex:1 1 220px}.filters select{flex:0 1 180px}.filters .btn{flex:0 0 auto}.task{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.task-main{display:flex;flex-direction:column;gap:2px}.task-main .done{text-decoration:line-through;color:var(--faint)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#888;margin-right:6px}.paywall{border-style:dashed}.offline-banner{background:var(--taskcard);color:var(--ink);text-align:center;padding:8px;border-bottom:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.msg p{margin:8px 0}.offline-banner{background:#111;color:#fff;padding:10px 20px;text-align:center;border-bottom:1px solid #333333}.wave{display:flex;align-items:flex-end;gap:2px;height:40px;margin:8px 0}.wave span{flex:1;background:#fff;opacity:.85;border-radius:2px}.project{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;align-items:flex-start}.col{flex:0 0 280px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:12px}.col h4{margin:0 0 10px}