:root{--bg:#fff;--text:#1a1a1a;--border:#d1d5db;--header-bg:#f3f4f6;--header-hover:#e5e7eb;--accent:#6366f1;color:var(--text);background:var(--bg);font:16px/1.5 system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#111827;--text:#f9fafb;--border:#374151;--header-bg:#1f2937;--header-hover:#374151;--accent:#818cf8}}body{margin:0;padding:24px 16px}#app{max-width:480px;margin:0 auto}h1{margin:0 0 24px;font-size:28px;font-weight:600}.loading,.error{color:#6b7280;margin-top:24px}.error{color:#ef4444}.lists{flex-direction:column;gap:8px;display:flex}.list{border:1px solid var(--border);border-radius:8px;overflow:hidden}.list-header{background:var(--header-bg);cursor:pointer;width:100%;color:var(--text);text-align:left;border:none;justify-content:space-between;align-items:center;padding:14px 16px;font-size:16px;font-weight:500;display:flex}.list-header:hover{background:var(--header-hover)}.chevron{font-size:12px;transition:transform .2s}.list-header[aria-expanded=true] .chevron{transform:rotate(90deg)}.list-items{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.list-items li{border-bottom:1px solid var(--border);padding:10px 16px}.list-items li:last-child{border-bottom:none}.list-items label{cursor:pointer;align-items:center;gap:10px;display:flex}.list-items input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.list-items input[type=checkbox]:checked+span{opacity:.5;text-decoration:line-through}