:root{--bg:#f5f6f8;--card:#fff;--text:#1d2330;--muted:#6b7280;--border:#e3e5ea;--accent:#3b5bdb;--accent-soft:#e7ecff;--danger:#c92a2a;--late-soft:#ffe3e3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14161b;--card:#1e2128;--text:#e7e9ee;--muted:#9198a5;--border:#2e323b;--accent:#7c95ff;--accent-soft:#263055;--danger:#ff8787;--late-soft:#4a1f22}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,sans-serif}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{background:var(--card);border:1px solid var(--border);border-radius:8px;min-width:0;padding:8px 10px}textarea{resize:vertical;width:100%}button{cursor:pointer;border:1px solid var(--border);background:var(--card);border-radius:8px;padding:8px 14px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.link{color:var(--accent);background:0 0;border:0;padding:0}button.link.danger{color:var(--danger)}.muted{color:var(--muted);font-size:.9em}.error{color:var(--danger);cursor:pointer}.center{text-align:center;padding:32px 16px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px}.auth{flex-direction:column;gap:14px;max-width:360px;margin:12vh auto 0;padding:24px;display:flex}.auth h1{margin:0;font-size:1.4rem}.auth label{flex-direction:column;gap:6px;font-size:.9rem;display:flex}@media (width<=400px){.auth{margin:8vh 16px 0}}.page{max-width:720px;margin:0 auto;padding:16px}header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}header h1{margin:0;font-size:1.4rem}.who{align-items:center;gap:12px;display:flex}.new{flex-direction:column;gap:10px;padding:12px;display:flex}.new>input{width:100%;font-size:1.05rem}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row select{flex:140px}.filters{flex-wrap:wrap;gap:6px;margin:16px 0 10px;display:flex}.filters button{border-radius:999px;padding:6px 14px;font-size:.9rem}.filters button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.todo{padding:10px 12px}.line{align-items:center;gap:10px;display:flex}.line input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex:none}.title{text-align:left;overflow-wrap:anywhere;background:0 0;border:0;flex:1;padding:2px 0}.todo.done .title{color:var(--muted);text-decoration:line-through}.chip{background:var(--bg);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.8rem}.chip.me{background:var(--accent-soft);color:var(--accent)}.chip.late{background:var(--late-soft);color:var(--danger)}.details{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;display:flex}.details>input{width:100%}.meta{justify-content:space-between}@media (width<=480px){.line{flex-wrap:wrap}.title{flex-basis:calc(100% - 30px)}}