:root{--bg:#f6f1e7;--card:#fffdf8;--text:#22201c;--muted:#7a7368;--line:#e4ddd0;--accent:#2f6f5e;--accent-text:#fff;--danger:#b4452f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#171a19;--card:#212624;--text:#ece8e0;--muted:#9a9489;--line:#333a37;--accent:#5fb39a;--accent-text:#0f1614;--danger:#e0785f}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font:16px/1.4 ui-rounded,system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:560px;padding:max(16px, env(safe-area-inset-top)) 16px max(32px, env(safe-area-inset-bottom));margin:0 auto}h1{letter-spacing:-.01em;margin:8px 0 16px;font-size:1.6rem}header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px;font-size:.85rem;text-decoration:underline}input,button{font:inherit;color:inherit}.text-input{border:1px solid var(--line);background:var(--card);border-radius:12px;width:100%;padding:12px 14px;font-size:16px}.text-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.primary{background:var(--accent);color:var(--accent-text);cursor:pointer;border:0;border-radius:12px;padding:12px 18px;font-weight:600}.add{background:var(--bg);z-index:1;gap:8px;margin-bottom:20px;padding:8px 0;display:flex;position:sticky;top:0}.setup{gap:12px;margin-top:15vh;display:grid}.setup p{color:var(--muted);margin:0}.error{color:var(--danger);font-size:.9rem}ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.task{background:var(--card);border:1px solid var(--line);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:start;gap:2px 12px;padding:12px;display:grid}.task input[type=checkbox]{width:24px;height:24px;accent-color:var(--accent);cursor:pointer;margin:0}.task .body{min-width:0}.task .text{overflow-wrap:anywhere}.task.done .text{color:var(--muted);text-decoration:line-through}.meta{color:var(--muted);font-size:.78rem}.note{width:100%;color:var(--muted);background:0 0;border:0;border-bottom:1px dashed #0000;grid-column:2/4;padding:2px 0;font-size:.9rem}.note:focus{border-bottom-color:var(--line);color:var(--text);outline:none}.delete{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:1.3rem;line-height:1}.delete:hover{color:var(--danger)}.empty{color:var(--muted);text-align:center;padding:24px 0}details{margin-top:24px}summary{cursor:pointer;color:var(--muted);padding:8px 0}.settings{background:var(--card);border:1px solid var(--line);border-radius:14px;gap:12px;margin-bottom:20px;padding:14px;display:grid}.settings label{color:var(--muted);gap:6px;font-size:.85rem;display:grid}.add{flex-wrap:wrap}.add .text-input[name=text]{flex:1;min-width:0}.clock{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:12px;padding:0 12px;font-size:1.1rem}.clock.on{border-color:var(--accent)}.due-row{color:var(--muted);flex-basis:100%;gap:4px;font-size:.85rem;display:grid}.actions{align-items:flex-start;gap:2px;display:flex}.icon{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:1rem;line-height:1}.icon.delete{font-size:1.3rem}.due{background:var(--line);color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:999px;margin-top:4px;padding:2px 8px;font-size:.78rem;display:inline-block}.due.overdue{background:var(--danger);color:#fff}.due-edit{flex-wrap:wrap;grid-column:2/4;align-items:center;gap:8px;display:flex}.due-edit .text-input{flex:1;width:auto;padding:8px 10px}.notify{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}