@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Inter:wght@400;500;600&display=swap";:root{--bg:#ecede8;--card:#fff;--ink:#191b17;--muted:#9a9e94;--done:#b7bbb0;--line:#e4e6df;--accent:#ef5c26;--accent-ink:#fff;--accent-soft:#fceae1;--shadow:0 1px 0 #191b170a, 0 6px 18px #191b170f;--display:"Bricolage Grotesque", system-ui, sans-serif;--body:"Inter", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;line-height:1.4}.app-root{padding-bottom:96px}.wrap{max-width:560px;margin:0 auto;padding:0 18px}header{padding:34px 0 14px}.title{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:34px;font-weight:800;line-height:1}.title b{color:var(--accent);font-weight:800}.sub{color:var(--muted);margin:9px 0 0;font-size:13.5px;font-weight:500}.modes{z-index:5;background:linear-gradient(var(--bg) 72%, #ecede800);margin:18px 0 6px;padding:14px 0 12px;position:sticky;top:0}.seg{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;grid-template-columns:1fr 1fr;padding:5px;display:grid;position:relative}.seg .pill{background:var(--accent);border-radius:10px;width:calc(50% - 5px);transition:transform .34s cubic-bezier(.22,1,.36,1);position:absolute;top:5px;bottom:5px;left:5px}.app-root.mode-left .seg .pill{transform:translate(100%)}.seg button{z-index:1;appearance:none;cursor:pointer;font-family:var(--body);color:var(--muted);background:0 0;border:0;padding:11px 8px;font-size:14.5px;font-weight:600;transition:color .26s;position:relative}.app-root:not(.mode-left) .seg button.all,.app-root.mode-left .seg button.left{color:var(--accent-ink)}.section{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;margin:12px 0;overflow:hidden}.sec-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:11px;padding:15px;display:flex}.chev{width:18px;height:18px;color:var(--muted);flex:none;transition:transform .26s}.section.collapsed .chev{transform:rotate(-90deg)}.sec-name{font-family:var(--display);letter-spacing:-.02em;min-width:0;color:inherit;background:0 0;border:0;outline:none;flex:1;margin:0;padding:2px 0;font-size:18px;font-weight:700}.sec-meta{color:var(--muted);flex:none;font-size:12.5px;font-weight:600}.sec-meta .done-n{color:var(--accent)}.sec-del{appearance:none;cursor:pointer;color:var(--muted);opacity:.55;background:0 0;border:0;margin:-4px -4px -4px 2px;padding:4px;transition:opacity .2s,color .2s;display:flex}.sec-del:hover{opacity:1;color:var(--accent)}.sec-body{max-height:1600px;transition:max-height .32s,opacity .24s;overflow:hidden}.section.collapsed .sec-body{opacity:0;max-height:0}.items{margin:0;padding:0 8px;list-style:none}.item{border-top:1px solid var(--line);opacity:1;align-items:center;gap:12px;max-height:60px;padding:11px 8px;transition:max-height .3s,opacity .22s,padding .3s;display:flex}.items .item:first-child{border-top:0}.check{cursor:pointer;background:0 0;border:2px solid #cfd3c8;border-radius:50%;flex:none;justify-content:center;align-items:center;width:23px;height:23px;padding:0;transition:background .18s,border-color .18s,transform .12s;display:flex}.check:active{transform:scale(.88)}.check svg{color:#fff;opacity:0;width:13px;height:13px;transition:opacity .16s,transform .16s;transform:scale(.5)}.item.done .check{background:var(--accent);border-color:var(--accent)}.item.done .check svg{opacity:1;transform:scale(1)}.item-text{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;margin:0;padding:1px 0;font-size:16px;font-weight:500;transition:color .22s}.item.done .item-text{color:var(--done);-webkit-text-decoration:line-through #d6d9cf;text-decoration:line-through #d6d9cf}.item-del{appearance:none;cursor:pointer;color:#c7cbc0;background:0 0;border:0;flex:none;margin:-6px;padding:6px;font-size:18px;line-height:1;transition:color .2s}.item-del:hover{color:var(--accent)}.app-root.mode-left .item.done{opacity:0;pointer-events:none;border-top-color:#0000;max-height:0;padding-top:0;padding-bottom:0}.add-row{border-top:1px solid var(--line);align-items:center;gap:12px;padding:11px 8px;display:flex}.add-dot{border:2px dashed #d3d7cc;border-radius:50%;flex:none;width:23px;height:23px}.add-input{font-family:var(--body);color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:1px 0;font-size:16px;font-weight:500}.add-input::placeholder{color:#b9bdb2}.new-sec{margin:14px 0 0}.new-sec-btn{appearance:none;cursor:pointer;width:100%;color:var(--muted);font-family:var(--body);background:0 0;border:1.5px dashed #cdd1c6;border-radius:14px;padding:15px;font-size:14.5px;font-weight:600;transition:border-color .2s,color .2s}.new-sec-btn:hover{border-color:var(--accent);color:var(--accent)}.new-sec-input{background:var(--card);border:1px solid var(--accent);width:100%;font-family:var(--display);color:var(--ink);border-radius:14px;outline:none;padding:15px;font-size:18px;font-weight:700}.empty{text-align:center;color:var(--muted);padding:18px 8px 4px;font-size:14px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.cleared{text-align:center;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;margin:12px 0 4px;padding:32px 22px;display:none}.app-root.mode-left.all-clear .cleared{animation:.42s cubic-bezier(.22,1,.36,1) pop;display:block}.cleared .badge{background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 14px;display:flex}.cleared .badge svg{color:#fff;width:26px;height:26px}.cleared h2{font-family:var(--display);letter-spacing:-.02em;margin:0 0 6px;font-size:22px;font-weight:800}.cleared p{max-width:30ch;color:var(--muted);margin:0 auto;font-size:14px;font-weight:500}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.sec-clear{border-top:1px solid var(--line);color:var(--done);align-items:center;gap:9px;padding:11px 8px;font-size:14px;font-weight:600;display:none}.sec-clear svg{width:16px;height:16px;color:var(--accent);flex:none}.app-root.mode-left .section.is-clear .sec-clear{display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.route-loading{min-height:50vh}.app-header{padding:34px 0 14px}.app-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.signout-btn{appearance:none;cursor:pointer;border:1px solid var(--line);color:var(--muted);font-family:var(--body);background:0 0;border-radius:10px;flex:none;padding:8px 12px;font-size:13px;font-weight:600;transition:border-color .2s,color .2s}.signout-btn:hover{border-color:var(--accent);color:var(--accent)}.topbar{z-index:6;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:12px;padding-top:12px;padding-bottom:12px;display:flex}.back-link{color:var(--muted);font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.back-link:hover{color:var(--accent)}.list-page .modes{top:53px}.lists{margin:8px 0 0;padding:0;list-style:none}.list-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;align-items:stretch;gap:8px;margin:12px 0;display:flex;overflow:hidden}.list-open{appearance:none;cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;min-width:0;padding:18px 16px;display:flex}.list-name{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:18px;font-weight:700}.list-archive{appearance:none;cursor:pointer;border:0;border-left:1px solid var(--line);color:var(--muted);font-family:var(--body);background:0 0;flex:none;padding:0 16px;font-size:13px;font-weight:600;transition:color .2s,background .2s}.list-archive:hover{color:var(--accent);background:var(--accent-soft)}.lists-empty{padding:8px 0}.inline-error{background:var(--accent-soft);color:var(--accent);border-radius:12px;margin:12px 0;padding:10px 14px;font-size:13.5px;font-weight:600}.auth-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;margin:18px 0;padding:24px 22px}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-label{color:var(--muted);font-size:13px;font-weight:600}.auth-input{background:var(--bg);border:1px solid var(--line);width:100%;font-family:var(--body);color:var(--ink);border-radius:12px;outline:none;padding:13px 14px;font-size:16px;font-weight:500;transition:border-color .2s}.auth-input:focus{border-color:var(--accent)}.auth-input::placeholder{color:#b9bdb2}.auth-submit{appearance:none;cursor:pointer;background:var(--accent);color:var(--accent-ink);font-family:var(--body);border:0;border-radius:12px;margin-top:4px;padding:14px;font-size:15px;font-weight:700;transition:opacity .2s,transform .12s}.auth-submit:hover:not(:disabled){opacity:.92}.auth-submit:active:not(:disabled){transform:scale(.99)}.auth-submit:disabled{opacity:.55;cursor:default}.auth-error{color:var(--accent);margin:2px 0 0;font-size:13.5px;font-weight:600}.auth-sent{text-align:center}.auth-sent .badge{background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 14px;display:flex}.auth-sent .badge svg{color:#fff;width:26px;height:26px}.auth-sent h2{font-family:var(--display);letter-spacing:-.02em;margin:0 0 6px;font-size:22px;font-weight:800}.auth-sent p{max-width:34ch;color:var(--muted);margin:0 auto 14px;font-size:14px;font-weight:500}.auth-link-btn{appearance:none;cursor:pointer;color:var(--accent);font-family:var(--body);background:0 0;border:0;padding:4px;font-size:13.5px;font-weight:600;text-decoration:underline}.topbar-actions{align-items:center;gap:8px;display:flex}.members-link{color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s}.members-link:hover{border-color:var(--accent);color:var(--accent)}.members-wrap{padding-top:24px;padding-bottom:96px}.members-title{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;text-align:right;flex:1;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.members-section{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;margin:14px 0;overflow:hidden}.members-h2{font-family:var(--display);letter-spacing:-.02em;border-bottom:1px solid var(--line);margin:0;padding:14px 16px 10px;font-size:16px;font-weight:700}.members-list{margin:0;padding:0;list-style:none}.member-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 16px;display:flex}.member-row:last-child{border-bottom:0}.member-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:500;overflow:hidden}.member-you{color:var(--muted);font-size:13px;font-weight:400}.member-role{letter-spacing:.04em;text-transform:uppercase;background:var(--bg);color:var(--muted);border-radius:6px;flex:none;padding:3px 7px;font-size:11.5px;font-weight:700}.member-role--owner{background:var(--accent-soft);color:var(--accent)}.member-remove-btn,.member-leave-btn{appearance:none;cursor:pointer;border:1px solid var(--line);color:var(--muted);font-family:var(--body);background:0 0;border-radius:8px;flex:none;padding:5px 10px;font-size:12.5px;font-weight:600;transition:border-color .2s,color .2s,background .2s}.member-remove-btn:hover,.member-leave-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.member-leave-btn:disabled{opacity:.4;cursor:default}.invite-link-box{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.invite-link-box--result{flex-direction:column;align-items:flex-start}.invite-link-note{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:500}.invite-link-input{background:var(--bg);border:1px solid var(--line);width:100%;min-width:0;font-family:var(--body);color:var(--ink);border-radius:10px;outline:none;flex:1;padding:9px 12px;font-size:13px;font-weight:500}.invite-link-input:focus{border-color:var(--accent)}.invite-copy-btn,.invite-rotate-btn,.invite-revoke-btn,.invite-create-btn{appearance:none;cursor:pointer;border:1px solid var(--line);font-family:var(--body);border-radius:10px;flex:none;padding:9px 14px;font-size:13px;font-weight:600;transition:border-color .2s,color .2s,background .2s,opacity .2s}.invite-copy-btn{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.invite-copy-btn:hover{opacity:.88}.invite-rotate-btn{color:var(--muted);background:0 0}.invite-rotate-btn:hover{border-color:var(--accent);color:var(--accent)}.invite-rotate-btn:disabled{opacity:.5;cursor:default}.invite-revoke-btn{color:var(--muted);background:0 0}.invite-revoke-btn:hover{border-color:var(--accent);color:var(--accent)}.invite-create-btn{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.invite-create-btn:hover:not(:disabled){opacity:.88}.invite-create-btn:disabled{opacity:.5;cursor:default}.invite-link-create{align-items:center;gap:8px;padding:12px 16px;display:flex}.invite-role-label{color:var(--muted);flex:none;font-size:13px;font-weight:600}.invite-role-select{background:var(--bg);border:1px solid var(--line);font-family:var(--body);color:var(--ink);cursor:pointer;border-radius:10px;outline:none;padding:8px 12px;font-size:13px;font-weight:500;transition:border-color .2s}.invite-role-select:focus{border-color:var(--accent)}.invite-email-form{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.invite-email-input{background:var(--bg);border:1px solid var(--line);min-width:180px;font-family:var(--body);color:var(--ink);border-radius:10px;outline:none;flex:1;padding:9px 12px;font-size:14px;font-weight:500;transition:border-color .2s}.invite-email-input:focus{border-color:var(--accent)}.invite-email-input::placeholder{color:#b9bdb2}.pending-invites{padding:0 16px 14px}.pending-invites-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:700}.pending-list{margin:0;padding:0;list-style:none}.pending-row{border-top:1px solid var(--line);align-items:center;gap:8px;padding:9px 0;display:flex}.pending-email{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;font-weight:500;overflow:hidden}.invite-info{text-align:center;margin-bottom:18px}.invite-list-name{font-family:var(--display);letter-spacing:-.02em;margin:0 0 6px;font-size:22px;font-weight:700}.invite-role-note{color:var(--muted);margin:0;font-size:14px;font-weight:500}.invite-signin-prompt{color:var(--muted);text-align:center;margin:0 0 14px;font-size:14px;font-weight:500}.invite-join{flex-direction:column;gap:16px;display:flex}.invite-invalid{text-align:center}.invite-invalid-icon{background:var(--accent-soft);width:54px;height:54px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.invite-invalid-icon svg{width:26px;height:26px}.invite-invalid-title{font-family:var(--display);letter-spacing:-.02em;margin:0 0 8px;font-size:20px;font-weight:800}.invite-invalid-sub{color:var(--muted);max-width:32ch;margin:0 auto;font-size:14px;font-weight:500}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tmpl-picker{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:16px}.tmpl-picker-label{color:var(--muted);margin:0 0 12px;font-size:13.5px;font-weight:600}.tmpl-picker-label strong{color:var(--ink)}.tmpl-list{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.tmpl-option{appearance:none;cursor:pointer;background:var(--bg);border:1px solid var(--line);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;transition:border-color .2s,background .2s;display:flex}.tmpl-option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.tmpl-option:disabled{opacity:.55;cursor:default}.tmpl-option--blank{border-style:dashed}.tmpl-option--builtin{border-color:var(--accent-soft);background:var(--accent-soft)}.tmpl-option--builtin:hover:not(:disabled){border-color:var(--accent)}.tmpl-option-name{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);font-size:15px;font-weight:700}.tmpl-option-meta{color:var(--muted);flex:none;font-size:12px;font-weight:600}.tmpl-cancel-btn{appearance:none;cursor:pointer;border:1px solid var(--line);color:var(--muted);font-family:var(--body);background:0 0;border-radius:10px;width:100%;padding:9px 14px;font-size:13px;font-weight:600;transition:border-color .2s,color .2s}.tmpl-cancel-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.tmpl-cancel-btn:disabled{opacity:.5;cursor:default}.save-tmpl-btn{appearance:none;cursor:pointer;border:1px solid var(--line);color:var(--muted);font-family:var(--body);white-space:nowrap;background:0 0;border-radius:10px;flex:none;padding:8px 12px;font-size:13px;font-weight:600;transition:border-color .2s,color .2s}.save-tmpl-btn:hover{border-color:var(--accent);color:var(--accent)}.save-tmpl-row{align-items:center;gap:6px;display:flex}.save-tmpl-input{background:var(--bg);border:1px solid var(--accent);font-family:var(--body);color:var(--ink);border-radius:8px;outline:none;width:140px;min-width:0;padding:7px 10px;font-size:13px;font-weight:500}.save-tmpl-input:disabled{opacity:.6}.save-tmpl-confirm-btn{appearance:none;cursor:pointer;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);font-family:var(--body);border-radius:8px;flex:none;padding:7px 12px;font-size:13px;font-weight:700;transition:opacity .2s}.save-tmpl-confirm-btn:hover:not(:disabled){opacity:.88}.save-tmpl-confirm-btn:disabled{opacity:.5;cursor:default}.save-tmpl-cancel-btn{appearance:none;cursor:pointer;border:1px solid var(--line);color:var(--muted);font-family:var(--body);background:0 0;border-radius:8px;flex:none;padding:7px 10px;font-size:13px;font-weight:700;transition:border-color .2s,color .2s}.save-tmpl-cancel-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.save-tmpl-cancel-btn:disabled{opacity:.5;cursor:default}.tmpl-save-success{color:#1a7c3a;background:#e6f4ec;border-radius:12px;margin:12px 0;padding:10px 14px;font-size:13.5px;font-weight:600}.install-prompt{z-index:100;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);white-space:nowrap;border-radius:14px;align-items:center;gap:10px;max-width:calc(100vw - 36px);padding:12px 14px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.install-prompt-text{color:var(--ink);flex:1;font-size:14px;font-weight:600}.install-prompt-btn{appearance:none;cursor:pointer;background:var(--accent);color:var(--accent-ink);font-family:var(--body);border:0;border-radius:10px;flex:none;padding:8px 14px;font-size:13px;font-weight:700;transition:opacity .2s}.install-prompt-btn:hover{opacity:.88}.install-prompt-dismiss{appearance:none;cursor:pointer;color:var(--muted);background:0 0;border:0;flex:none;margin:-4px;padding:4px;font-size:15px;line-height:1;transition:color .2s}.install-prompt-dismiss:hover{color:var(--accent)}