:root{--bg: #ffffff;--bg-raised: #f4f5f7;--bg-sunken: #eceef1;--fg: #14181d;--fg-muted: #626b78;--fg-faint: #8b94a1;--line: #dfe3e8;--accent: #2f6fed;--accent-fg: #ffffff;--danger: #c0392b;--radius: 10px;--tap: 44px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #111418;--bg-raised: #191d23;--bg-sunken: #0c0e11;--fg: #e8ebef;--fg-muted: #98a2b0;--fg-faint: #6b7583;--line: #272d35;--accent: #5b8ef5;--accent-fg: #0b0d10;--danger: #e26d5c}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer}.app{display:flex;flex-direction:column;height:100%;max-width:640px;margin:0 auto}.header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) 16px 8px;flex-wrap:wrap}.header h1{margin:0;font-size:20px;font-weight:650;letter-spacing:-.01em}.header__title{display:flex;align-items:baseline;gap:10px}.header__count,.header__user{color:var(--fg-muted);font-size:13px}.header__actions{display:flex;align-items:center;gap:10px;min-width:0}.header__user{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:14ch}.button{border:1px solid var(--line);background:var(--bg-raised);border-radius:var(--radius);padding:8px 14px}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}.button--quiet{border:none;background:none;color:var(--fg-muted);padding:6px 8px}.button--quiet:hover{color:var(--fg)}.button--danger{color:var(--danger)}.search{margin:0 16px 8px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);color:var(--fg);font:inherit;font-size:15px}.search:focus-visible,.quickadd__input:focus-visible,.item__edit:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.tagbar__scroll{display:flex;gap:6px;padding:0 16px 10px;overflow-x:auto;scrollbar-width:none}.tagbar__scroll::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;border:1px solid var(--line);background:var(--bg-raised);color:var(--fg-muted);border-radius:999px;padding:5px 11px;font-size:13px;line-height:1.2;white-space:nowrap}.chip--on{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}.chip--small{padding:2px 8px;font-size:11.5px}.chip--ghost{background:none;border-style:dashed;font-size:11.5px;padding:2px 8px}.chip--clear{color:var(--danger)}.chip__count{opacity:.65;font-variant-numeric:tabular-nums;font-size:11.5px}.list{flex:1;overflow-y:auto;padding:0 16px 24px;-webkit-overflow-scrolling:touch}.items{list-style:none;margin:0;padding:0}.item{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.item__check{flex:0 0 auto;width:24px;height:24px;margin-top:1px;border:1.5px solid var(--fg-faint);border-radius:6px;background:none;display:grid;place-items:center;font-size:14px;line-height:1;color:var(--accent)}.item--done .item__check{border-color:var(--accent)}.item__body{flex:1;min-width:0}.item__text{display:block;width:100%;text-align:left;border:none;background:none;padding:1px 0;font-size:16px;word-break:break-word}.item--done .item__text{color:var(--fg-faint);text-decoration:line-through}.item__tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.item__remove{flex:0 0 auto;border:none;background:none;color:var(--fg-faint);padding:2px 4px;font-size:13px;opacity:0;transition:opacity .12s}.item:hover .item__remove,.item:focus-within .item__remove{opacity:1}@media(hover:none){.item__remove{opacity:1}}.item__edit{width:100%;border:1px solid var(--accent);border-radius:var(--radius);background:var(--bg-raised);color:var(--fg);padding:8px 10px;font:inherit}.item--editing{padding:6px 0}.empty{color:var(--fg-faint);text-align:center;padding:32px 8px;font-size:14.5px}.donesection{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.donesection>ul,.donesection>.empty{flex-basis:100%}.items--done .item__remove{opacity:1}.composer{position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.quickadd{position:relative}.quickadd__row{display:flex;gap:8px}.quickadd__input{flex:1;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);color:var(--fg);padding:11px 12px;font:inherit;font-size:16px}.quickadd__submit{flex:0 0 auto;width:var(--tap);border:none;border-radius:var(--radius);background:var(--accent);color:var(--accent-fg);font-size:22px;line-height:1}.quickadd__submit:disabled{opacity:.35;cursor:default}.quickadd__preview{display:flex;flex-wrap:wrap;gap:4px;padding-top:8px}.hints{position:absolute;bottom:calc(100% + 8px);left:0;right:0;list-style:none;margin:0;padding:4px;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 28px #0000002e;max-height:45vh;overflow-y:auto}.hint{display:flex;align-items:center;gap:6px;width:100%;text-align:left;border:none;background:none;border-radius:7px;padding:9px 10px;font-size:15px}.hint--active{background:var(--bg-sunken)}.hint__tag{color:var(--accent);font-weight:600}.hint__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 16px 10px;padding:9px 12px;border-radius:var(--radius);font-size:14px}.banner--error{background:color-mix(in srgb,var(--danger) 14%,var(--bg));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent)}.banner button{border:none;background:none;color:inherit}.signin{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.signin h1{margin:0;font-size:26px;letter-spacing:-.02em}.signin p{margin:0;color:var(--fg-muted);max-width:34ch}