:root{--bg:#0b1020;--panel:#151b2e;--panel-2:#1c2440;--text:#e6e9f2;--muted:#8b93ad;--accent:#5b8cff;--danger:#ff5b6e;--ok:#2fd68b;--warn:#ffb454}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}.app{max-width:560px;min-height:100vh;margin:0 auto;padding-bottom:76px}.topbar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1020eb;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:18px}.topbar .sub{color:var(--muted);font-size:12px}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-size:14px}.btn.ghost{background:var(--panel-2);color:var(--text)}.btn.danger{color:var(--danger);background:0 0}.card{background:var(--panel);border:1px solid #ffffff0d;border-radius:14px;margin:10px 14px;padding:14px}.card .title{font-size:15px;font-weight:600}.card .meta{color:var(--muted);margin-top:4px;font-size:12px}.card .notes{color:var(--text);opacity:.8;white-space:pre-wrap;margin-top:6px;font-size:13px}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.pill{background:var(--panel-2);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px}.pill.high{color:var(--danger);background:#ff5b6e26}.pill.normal{color:var(--accent);background:#5b8cff26}.pill.low{color:var(--muted);background:#8f93ad26}.pill.overdue{color:var(--warn);background:#ffb45426}.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:16px 16px 4px;font-size:13px}.bottomnav{z-index:20;background:var(--panel);padding:8px 0 calc(8px + env(safe-area-inset-bottom));border-top:1px solid #ffffff14;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav a,.bottomnav button{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:4px 10px;font-size:11px;display:flex}.bottomnav a.active,.bottomnav button.active{color:var(--accent)}.modal-backdrop{z-index:50;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--panel);width:100%;max-width:560px;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.field{margin-bottom:12px}.field label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.field input,.field textarea,.field select{background:var(--bg);width:100%;color:var(--text);border:1px solid #ffffff1a;border-radius:10px;padding:10px;font-size:14px}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{background:var(--panel);border-radius:16px;width:100%;max-width:360px;padding:22px}.login-card h1{margin:0 0 4px;font-size:20px}.login-card .sub{color:var(--muted);margin-bottom:18px;font-size:13px}.error{color:var(--danger);margin-top:8px;font-size:13px}.empty{text-align:center;color:var(--muted);padding:30px;font-size:14px}.tappable{cursor:pointer}.done .title{opacity:.5;text-decoration:line-through}.markdown{font-size:13px;line-height:1.5}.markdown h1,.markdown h2,.markdown h3{margin:8px 0 4px;font-size:14px}.markdown p{margin:4px 0}.markdown ul,.markdown ol{margin:4px 0;padding-left:18px}.markdown a{color:var(--accent)}.markdown code{background:var(--bg);border-radius:4px;padding:1px 4px;font-size:12px}.markdown pre{background:var(--bg);border-radius:8px;padding:8px;overflow-x:auto}