:root{color-scheme:dark;--bg:#0c1118;--panel:#131b24;--muted:#a1aebb;--line:#293441;--accent:#beef91}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#20332c80,transparent 48%),var(--bg);color:#f2f5f6;font-family:'DM Sans',sans-serif;min-height:100vh}nav,main{max-width:1160px;margin:auto}nav{padding:30px 32px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:var(--muted);text-decoration:none}.brand{color:#f2f5f6;font-size:14px;letter-spacing:2px;font-weight:800}.brand span{color:var(--accent)}main{padding:64px 32px 24px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:700}h1{font-family:Manrope,sans-serif;font-size:clamp(36px,5vw,60px);line-height:1.13;letter-spacing:-2px;margin:18px 0}h1 span{color:var(--accent)}.intro>p{color:var(--muted);font-size:17px;margin:22px 0 42px}.workspace{display:grid;grid-template-columns:265px 1fr;border:1px solid var(--line);border-radius:20px;background:var(--panel);overflow:hidden}aside{padding:32px;background:#101820;border-right:1px solid var(--line)}h2{font-family:Manrope,sans-serif;font-size:25px;margin:14px 0 28px}#summary{font-size:14px;color:var(--muted)}progress{width:100%;height:7px;accent-color:var(--accent);border:0;border-radius:8px}progress::-webkit-progress-bar{background:#293441;border-radius:8px}progress::-webkit-progress-value{background:var(--accent);border-radius:8px}.hint{font-size:13px;line-height:1.7;color:var(--muted);margin-top:35px}section{padding:32px;min-width:0}label{font-size:14px;display:block;margin-bottom:12px}.add-row{display:flex;gap:10px}input{min-width:0;flex:1;background:#0c131b;color:white;border:1px solid #3b4b5b;border-radius:9px;padding:14px;font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:13px 17px;background:var(--accent);color:#162412;font:600 14px 'DM Sans',sans-serif}button:hover{filter:brightness(1.1)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.secondary{background:transparent;color:var(--muted);border:1px solid var(--line);font-size:12px;padding:10px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:30px;border-bottom:1px solid var(--line);padding-bottom:16px;gap:8px}.filter{background:transparent;color:var(--muted);padding:9px 12px;font-size:12px}.filter[aria-pressed=true]{background:#29382e;color:var(--accent)}#count{font-size:12px;color:var(--muted)}ul{list-style:none;padding:0;margin:0}li{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:18px 0}li label{flex:1;display:flex;align-items:center;gap:12px;min-width:0;margin:0;line-height:1.5}li input{flex:none;width:18px;height:18px;accent-color:var(--accent)}li span{overflow-wrap:anywhere}li.done span{text-decoration:line-through;color:var(--muted)}li button{background:transparent;color:var(--muted);padding:8px;font-size:12px}#empty{text-align:center;padding:38px 5px;color:var(--muted)}#empty>span{font-size:42px;color:var(--accent)}h3{font-size:18px;color:#e6ecef;margin:12px 0}#empty p{font-size:14px;line-height:1.6}#notice{font-size:13px;color:var(--accent);line-height:1.5}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:30px;padding-bottom:20px}[hidden]{display:none!important}@media(max-width:720px){nav{padding:24px 20px;font-size:12px}main{padding:38px 20px}.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line);padding:22px}aside h2{margin:12px 0}.hint{margin-top:14px}section{padding:22px}.add-row{flex-wrap:wrap}.add-row input{flex-basis:100%}.add-row button{width:100%}footer{gap:16px;flex-direction:column}.toolbar{flex-wrap:wrap}}
.workspace{grid-template-columns:1fr 1fr}input{width:100%;margin:8px 0 18px}input[type=checkbox]{width:auto;display:inline;margin:0 8px 0 0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.entry{padding:20px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.entry p{color:var(--muted)}.entry .actions{margin:12px 0}.secret{font-family:monospace;white-space:pre-wrap}.toolbar{margin:0}.toolbar h2{margin:0}.hint{margin-top:20px}#notice{min-height:22px}.setup{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--panel);max-width:650px}.setup h2{margin-bottom:20px}button:disabled{opacity:.5;cursor:default}fieldset{border:0;padding:0;margin:0;min-width:0}#restore{font-size:13px}.badge{color:var(--accent);font-size:12px}@media(max-width:720px){.workspace{grid-template-columns:1fr}.setup{padding:22px}}