:root{--bg:#fafaf7;--surface:#fff;--fg:#1d1d1b;--muted:#6b6b65;--line:#e2e1da;--accent:#2f6f4f;--accent-fg:#fff;--accent-soft:#e8f2ec;--danger:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161716;--surface:#1f201e;--fg:#e9e9e4;--muted:#a3a39b;--line:#33352f;--accent:#7cc39c;--accent-fg:#10221a;--accent-soft:#1f3328;--danger:#f2b8b5}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}h1,h2{margin:0;line-height:1.2}h1{font-size:1.4rem}h2{font-size:1.2rem}.app{max-width:640px;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));margin:0 auto}.muted{color:var(--muted)}.error{color:var(--danger)}.btn{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;border-radius:8px;padding:10px 16px}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--surface);font-weight:600}.btn-link{color:var(--accent);background:0 0;border:none;padding:6px 8px}.btn-link-danger{color:var(--danger)}.input{font:inherit;border:1px solid var(--line);background:var(--surface);width:100%;color:var(--fg);border-radius:8px;padding:10px 12px}.input:focus{outline:2px solid var(--accent);outline-offset:-1px}.login{text-align:center;padding-top:15vh}.login-logo{border-radius:22px}.login h1{margin:16px 0 8px}.login .btn{margin-top:16px}.app-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.list-tabs{padding-bottom:8px;scrollbar-width:none;gap:8px;margin:0 -16px 16px;padding-inline:16px;display:flex;overflow-x:auto}.tab{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:6px 14px}.tab-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.tab-new{color:var(--muted);border-style:dashed}.header-right{align-items:center;gap:8px;display:flex}.sync{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.8rem}.sync-offline{background:var(--line);color:var(--fg)}.sync-pending{color:var(--muted)}.install-hint{background:var(--accent-soft);border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 8px 8px 12px;font-size:.9rem;display:flex}.install-hint p{flex:1;margin:0}.list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;margin-bottom:12px;display:flex}.list-header h2{overflow-wrap:anywhere}.list-actions{flex:none;display:flex}.empty{text-align:center;padding-top:10vh}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.add-item{gap:8px;margin-bottom:12px;display:flex}.add-item .btn{flex:none}.items{margin:0;padding:0;list-style:none}.item{border-bottom:1px solid var(--line);align-items:center;gap:4px;min-height:48px;display:flex}.check{cursor:pointer;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.check input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.check-box{border:2px solid var(--muted);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s,border-color .15s;display:flex}.check input:checked+.check-box{background:var(--accent);border-color:var(--accent)}.check input:checked+.check-box:after{content:"";border:solid var(--accent-fg);border-width:0 2px 2px 0;width:6px;height:11px;transform:translateY(-1px)rotate(45deg)}.check input:focus-visible+.check-box{outline:2px solid var(--accent);outline-offset:2px}.item-text{font:inherit;text-align:left;min-width:0;color:var(--fg);cursor:text;overflow-wrap:anywhere;background:0 0;border:none;flex:1;padding:12px 0}.item-done .item-text{color:var(--muted);text-decoration:line-through}.item-edit{font:inherit;border:1px solid var(--accent);background:var(--surface);min-width:0;color:var(--fg);border-radius:6px;flex:1;padding:8px}.item-delete{width:40px;height:40px;color:var(--muted);cursor:pointer;opacity:.6;background:0 0;border:none;flex:none;font-size:1.4rem;line-height:1}.item-delete:hover{opacity:1;color:var(--danger)}.empty-items{padding:16px 0}.done-section{margin-top:16px}.done-header{justify-content:space-between;align-items:center;display:flex}.done-toggle{font:inherit;color:var(--fg);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 4px;font-weight:600;display:flex}.chevron{width:1em;font-size:1.3rem;line-height:1;transition:transform .15s;display:inline-block}.chevron-open{transform:rotate(90deg)}.snackbar{left:50%;bottom:max(16px, env(safe-area-inset-bottom));background:var(--fg);width:min(560px,100vw - 32px);color:var(--bg);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.snackbar .btn-link{color:var(--accent-soft);font-weight:600}.dialog{background:var(--surface);width:min(420px,100vw - 32px);color:var(--fg);border:none;border-radius:12px;padding:20px}.dialog::backdrop{background:#0006}.dialog h2{margin-bottom:12px}.reorder{max-height:60vh;margin:0;padding:0;list-style:none;overflow-y:auto}.reorder li{border-bottom:1px solid var(--line);align-items:center;gap:4px;min-height:48px;display:flex}.reorder-name{overflow-wrap:anywhere;flex:1;min-width:0}.reorder-btn{font:inherit;border:1px solid var(--line);background:var(--surface);width:44px;height:40px;color:var(--fg);cursor:pointer;border-radius:8px;flex:none;font-size:1.1rem}.reorder-btn:disabled{opacity:.3;cursor:default}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}