:root{--bg: #f4f6f9;--card: #ffffff;--text: #17202b;--muted: #677487;--line: #e2e6ec;--accent: #1f6feb;--accent-text: #ffffff;--danger: #cf3a32;--done: #9aa4b2;--error-bg: #fdecea;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #0e1217;--card: #161b22;--text: #e6eaf0;--muted: #8a96a6;--line: #262d37;--accent: #4c8df6;--danger: #f0665e;--done: #5d6875;--error-bg: #3a1d1b;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input{font:inherit;color:inherit}.shell{max-width:560px;margin:0 auto;padding:40px 16px 24px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--accent);color:var(--accent-text);font-weight:700;font-size:20px}h1{font-size:22px;margin:0;line-height:1.2}h2{font-size:18px;margin:0}.sub{margin:0;color:var(--muted);font-size:13px}.who{margin-left:auto;display:flex;gap:10px;align-items:center;color:var(--muted);font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 1px 2px #0000000a}.muted{color:var(--muted)}.center{text-align:center}.empty{padding:24px 0 12px;margin:0}.login{display:grid;gap:14px;max-width:380px;margin:0 auto}.login p{margin:-8px 0 0;font-size:14px}label{display:grid;gap:4px;font-size:13px;color:var(--muted)}input:not([type=checkbox]){width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);outline:none}input:not([type=checkbox]):focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}button{cursor:pointer;border:0;background:none}button:disabled{opacity:.55;cursor:default}.primary{padding:9px 18px;border-radius:8px;background:var(--accent);color:var(--accent-text);font-weight:600}.link{color:var(--accent);padding:0;font-size:14px}.add{display:flex;gap:8px}.filters{display:flex;gap:4px;margin:16px 0 8px}.filters button{padding:4px 12px;border-radius:999px;color:var(--muted);font-size:14px}.filters button.on{background:var(--bg);color:var(--text);font-weight:600;box-shadow:inset 0 0 0 1px var(--line)}.list{list-style:none;margin:0;padding:0}.list li{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--line)}.list li:last-child{border-bottom:0}.list input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex:none;cursor:pointer}.title{flex:1;min-width:0;overflow-wrap:anywhere;cursor:text}.done .title{color:var(--done);text-decoration:line-through}.edit{flex:1;padding:4px 8px!important}.icon{opacity:0;padding:2px 6px;border-radius:6px;color:var(--muted);transition:opacity .15s}.list li:hover .icon,.icon:focus-visible{opacity:1}@media (hover: none){.icon{opacity:1}}.icon:hover{background:var(--bg)}.icon.danger:hover{color:var(--danger)}.foot{display:flex;justify-content:space-between;padding-top:12px;color:var(--muted);font-size:14px}.error{display:flex;justify-content:space-between;gap:12px;margin:0 0 16px;padding:10px 14px;border-radius:8px;background:var(--error-bg);color:var(--danger);font-size:14px}.credit{text-align:center;color:var(--muted);font-size:12px;margin-top:20px}