*{box-sizing:border-box;margin:0;padding:0}:root{--ink:#1c1917;--ink-2:#44403c;--ink-3:#78716c;--line:#e7e5e4;--bg:#fafaf9;--surface:#ffffff}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;min-height:100svh}.wrap{max-width:640px;margin:0 auto;padding:0 20px}.topbar{background:var(--surface);border-bottom:1px solid var(--line);padding:14px 0}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:16px;font-weight:700;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:9px}.brand em{font-style:normal;color:var(--accent)}.brand-logo{height:30px;width:auto;max-width:200px;display:block}.topbar form button{background:none;border:none;color:var(--ink-3);font-size:13px;cursor:pointer;padding:4px 0}.topbar form button:hover{color:var(--ink)}main{padding:32px 0 64px}h1{font-size:24px;line-height:1.25;letter-spacing:-.01em;margin-bottom:6px;text-wrap:balance}.lede{color:var(--ink-3);font-size:15px;margin-bottom:28px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.login{max-width:400px;margin:9svh auto 0}.login .card{padding:28px 24px}.login-logo{display:block;height:auto;max-height:68px;max-width:240px;margin:0 auto 16px}.login h1{font-size:20px}.login p{color:var(--ink-3);font-size:14px;margin:8px 0 18px}.login label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.login input{width:100%;font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.login input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.btn{display:inline-block;width:100%;margin-top:14px;font:inherit;font-size:15px;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:8px;padding:11px 16px;cursor:pointer;text-align:center;text-decoration:none}.btn:hover{background:var(--accent-dark)}.notice{margin-top:14px;font-size:14px;color:var(--ink-2);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.items{display:grid;grid-gap:14px;gap:14px}.item{display:flex;gap:14px;align-items:flex-start}.item .num{flex:none;width:30px;height:30px;border-radius:999px;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--bg);border:1px solid var(--line);color:var(--ink-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.item.done .num{background:var(--accent);border-color:var(--accent);color:#fff}.item h2{font-size:16px;line-height:1.35}.item p{color:var(--ink-2);font-size:14px;margin-top:3px;white-space:pre-line}.item .row{margin-top:10px;display:flex;align-items:center;gap:12px}.watch{display:inline-block;font-size:14px;font-weight:600;color:#fff;background:var(--accent);border-radius:7px;padding:8px 16px;text-decoration:none}.watch:hover{background:var(--accent-dark)}.done-note{font-size:13px}.done-note,.empty{color:var(--ink-3)}.empty{font-size:15px;padding:28px 0;text-align:center}footer{padding:24px 0 40px;color:var(--ink-3);font-size:12.5px}@media (prefers-color-scheme:dark){:root{--ink:#f5f5f4;--ink-2:#d6d3d1;--ink-3:#a8a29e;--line:#292524;--bg:#171412;--surface:#201d1a}}