:root{color-scheme:light dark;--bg: #0f1419;--panel: #1a222d;--text: #eef3f8;--muted: #9aabbd;--accent: #4f8cff;--accent-text: #fff;--border: #2a3544;--done: #6d7b8b;font-family:Segoe UI,system-ui,-apple-system,sans-serif}@media (prefers-color-scheme: light){:root{--bg: #f4f7fb;--panel: #ffffff;--text: #152033;--muted: #5c6b7e;--border: #d7e0ea;--done: #8a97a8}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(79,140,255,.18),transparent 40%),var(--bg);color:var(--text)}.app{width:min(520px,calc(100% - 2rem));margin:3rem auto;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:1.5rem;box-shadow:0 20px 50px #0000002e}header h1{margin:0;font-size:1.75rem;letter-spacing:-.03em}.subtitle{margin:.35rem 0 1.25rem;color:var(--muted);font-size:.95rem}.composer{display:flex;gap:.6rem}.composer input{flex:1;border:1px solid var(--border);border-radius:12px;padding:.85rem .95rem;background:transparent;color:var(--text);font:inherit}.composer button,.list button.link,.meta button.link{border:0;border-radius:12px;background:var(--accent);color:var(--accent-text);font:inherit;font-weight:600;padding:.85rem 1rem;cursor:pointer}.meta{display:flex;justify-content:space-between;align-items:center;margin:1rem 0 .5rem;color:var(--muted);font-size:.9rem}.meta button.link,.list button.link{background:transparent;color:var(--muted);padding:.25rem .4rem;font-weight:500}.list{list-style:none;margin:0;padding:0}.list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 0;border-top:1px solid var(--border)}.list li.empty{color:var(--muted);justify-content:center;border-top:0;padding-top:1.25rem}.list label{display:flex;align-items:center;gap:.7rem;min-width:0}.list label span{overflow-wrap:anywhere}.list li.done label span{color:var(--done);text-decoration:line-through}.list input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent)}