@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)}.swipe-row-container{width:100%;display:flex;position:relative;overflow:hidden}.swipe-row-content{z-index:1;background:var(--card);flex:none;align-items:stretch;width:100%;display:flex;position:relative}.swipe-row-tray{align-items:stretch;display:flex;position:absolute;top:0;bottom:0;right:0}.swipe-action-btn{appearance:none;cursor:pointer;font-family:var(--body);white-space:nowrap;border:0;padding:0 18px;font-size:14px;font-weight:600;transition:opacity .18s}.swipe-action-btn:hover{opacity:.85}.action-archive{color:#fff;background:#5a6b52}.action-restore{color:#fff;background:#2e7d5e}.action-delete{color:#fff;background:#c0392b}.list-card-menu{flex:none;align-items:center;display:flex;position:relative}.list-kebab-btn{appearance:none;cursor:pointer;color:var(--muted);letter-spacing:.05em;background:0 0;border:0;padding:8px 14px;font-size:20px;line-height:1;transition:color .2s}.list-kebab-btn:hover{color:var(--ink)}.list-kebab-menu{z-index:20;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:2px;min-width:140px;padding:5px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.list-kebab-item{appearance:none;cursor:pointer;font-family:var(--body);color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;padding:9px 12px;font-size:14px;font-weight:600;transition:background .15s,color .15s}.list-kebab-item:hover{background:var(--bg)}.list-kebab-item.action-delete{color:#c0392b}.list-kebab-item.action-delete:hover{background:#fff0ee}.list-kebab-item.action-restore{color:#2e7d5e}.list-kebab-item.action-restore:hover{background:#e8f5ef}.lists-view-toggle{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;gap:4px;margin:12px 0 4px;padding:4px;display:flex}.lists-tab{appearance:none;cursor:pointer;font-family:var(--body);color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;padding:8px 16px;font-size:14px;font-weight:600;transition:background .18s,color .18s}.lists-tab:hover:not(.lists-tab--active){color:var(--ink)}.lists-tab--active{background:var(--accent);color:#fff}.item{display:block}.item-main{align-items:center;gap:12px;display:flex}.item.expanded{max-height:1200px}.item-expand{appearance:none;cursor:pointer;color:#c7cbc0;opacity:.4;background:0 0;border:0;flex:none;margin:-6px 0;padding:6px;transition:opacity .2s,color .2s;display:flex}.item-expand svg{width:14px;height:14px;transition:transform .22s}.item.expanded .item-expand svg{transform:rotate(180deg)}.item.has-body .item-expand{opacity:.85;color:var(--accent)}.item-expand:hover{opacity:1;color:var(--accent)}.item-body{padding:0 0 10px 35px}.item-body-view{color:var(--ink);white-space:pre-wrap;word-break:break-word;cursor:text;min-height:20px;font-size:14.5px;line-height:1.5}.item-body-view a{color:var(--accent);word-break:break-all;text-decoration:underline}.item-body-empty{color:var(--muted)}.item-body-edit{resize:vertical;box-sizing:border-box;width:100%;min-height:64px;font-family:var(--body);color:var(--ink);border:1px solid var(--line);background:var(--card);border-radius:10px;outline:none;padding:8px 10px;font-size:14.5px;line-height:1.5}.item-body-edit:focus{border-color:var(--accent)}.loose-area{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;margin:12px 0;overflow:hidden}.loose-area .items{margin:0;padding:0 8px;list-style:none}.drag-handle{appearance:none;cursor:grab;color:#c7cbc0;opacity:.35;touch-action:none;background:0 0;border:0;flex:none;align-items:center;padding:4px;transition:opacity .2s,color .2s;display:flex}.drag-handle:hover{opacity:.9;color:var(--muted)}.drag-handle:active{cursor:grabbing}.item-drag{margin:-4px -2px -4px 0}.sec-drag{margin:0 2px 0 -2px}.item.dragging,.section.dragging{opacity:.65;z-index:3;position:relative;box-shadow:0 8px 24px #191b1724}.item.dragging{background:var(--card);border-radius:10px}.struct-editor{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:16px}.struct-editor-title{color:var(--muted);margin:0 0 12px;font-size:13.5px;font-weight:600}.struct-editor-sections{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.struct-editor-section{background:var(--bg);border:1px solid var(--line);border-radius:12px;overflow:hidden}.struct-editor-sec-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 12px;display:flex}.struct-editor-sec-name{min-width:0;font-family:var(--display);letter-spacing:-.01em;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:1px 0;font-size:15px;font-weight:700}.struct-editor-sec-name:focus{outline:none}.struct-editor-sec-name::placeholder{color:var(--muted);font-weight:500}.struct-editor-sec-del{appearance:none;cursor:pointer;color:var(--muted);opacity:.55;background:0 0;border:0;flex:none;padding:4px;transition:opacity .2s,color .2s;display:flex}.struct-editor-sec-del svg{width:16px;height:16px}.struct-editor-sec-del:hover:not(:disabled){opacity:1;color:var(--accent)}.struct-editor-sec-del:disabled{cursor:default;opacity:.3}.struct-editor-items{margin:0;padding:0;list-style:none}.struct-editor-item-row{border-top:1px solid var(--line);align-items:center;gap:8px;padding:7px 12px;display:flex}.struct-editor-item-input{min-width:0;font-family:var(--body);color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:1px 0;font-size:15px;font-weight:500}.struct-editor-item-input::placeholder{color:#b9bdb2}.struct-editor-item-del{appearance:none;cursor:pointer;color:#c7cbc0;background:0 0;border:0;flex:none;padding:4px;transition:color .2s;display:flex}.struct-editor-item-del svg{width:14px;height:14px}.struct-editor-item-del:hover:not(:disabled){color:var(--accent)}.struct-editor-item-del:disabled{cursor:default;opacity:.3}.struct-editor-add-item{appearance:none;cursor:pointer;font-family:var(--body);color:var(--muted);border:0;border-top:1px solid var(--line);text-align:left;background:0 0;width:100%;padding:7px 12px;font-size:13px;font-weight:600;transition:color .2s}.struct-editor-add-item:hover:not(:disabled){color:var(--accent)}.struct-editor-add-item:disabled{cursor:default;opacity:.5}.struct-editor-add-section{appearance:none;cursor:pointer;color:var(--muted);font-family:var(--body);background:0 0;border:1.5px dashed #cdd1c6;border-radius:10px;width:100%;margin-bottom:12px;padding:10px;font-size:13px;font-weight:600;transition:border-color .2s,color .2s}.struct-editor-add-section:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.struct-editor-add-section:disabled{cursor:default;opacity:.5}.struct-editor-actions{gap:8px;display:flex}.struct-editor-cancel{appearance:none;cursor:pointer;border:1px solid var(--line);color:var(--muted);font-family:var(--body);background:0 0;border-radius:10px;flex:1;padding:9px 14px;font-size:13px;font-weight:600;transition:border-color .2s,color .2s}.struct-editor-cancel:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.struct-editor-cancel:disabled{opacity:.5;cursor:default}.struct-editor-create{appearance:none;cursor:pointer;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);font-family:var(--body);border-radius:10px;flex:2;padding:9px 18px;font-size:13px;font-weight:700;transition:opacity .2s}.struct-editor-create:hover:not(:disabled){opacity:.88}.struct-editor-create:disabled{opacity:.55;cursor:default}.tmpl-option--import{border-style:dashed;border-color:var(--muted);opacity:.8}.tmpl-option--import:hover:not(:disabled){opacity:1;border-color:var(--accent);background:var(--accent-soft)}.import-panel{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.import-error{margin:0}.import-textarea{background:var(--bg);border:1px solid var(--line);width:100%;font-family:var(--body);color:var(--ink);resize:vertical;border-radius:12px;outline:none;padding:11px 13px;font-size:14px;font-weight:500;transition:border-color .2s}.import-textarea:focus{border-color:var(--accent)}.import-textarea::placeholder{color:#b9bdb2}.import-file-row{flex-direction:column;gap:5px;display:flex}.import-file-label{color:var(--muted);font-size:12.5px;font-weight:600}.import-file-input{font-family:var(--body);color:var(--ink);font-size:13px}.import-actions{gap:8px;display:flex}.import-parse-btn{appearance:none;cursor:pointer;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);font-family:var(--body);border-radius:10px;flex:2;padding:9px 18px;font-size:13px;font-weight:700;transition:opacity .2s}.import-parse-btn:hover:not(:disabled){opacity:.88}.activity-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;position:relative}.activity-btn:hover,.activity-btn--unread{border-color:var(--accent);color:var(--accent)}.activity-badge{background:var(--accent);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:16px;margin-left:5px;padding:2px 5px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.activity-panel{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;margin:8px 0 0;padding:12px 16px}.activity-panel-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:700}.activity-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.activity-entry{color:var(--ink);font-size:13.5px;font-weight:500;line-height:1.4}.activity-name{font-weight:700}.activity-summary{color:var(--ink)}.activity-ago{color:var(--muted);font-size:12.5px}.list-open{flex-direction:column;align-items:flex-start;gap:2px}.list-activity-hint{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:500;overflow:hidden}.import-parse-btn:disabled{opacity:.55;cursor:default}.sync-pill{font-size:12px;font-weight:600;font-family:var(--body);letter-spacing:.02em;pointer-events:none;z-index:100;border-radius:999px;padding:6px 12px;transition:opacity .2s;position:fixed;bottom:16px;right:16px}.sync-pill--offline{background:var(--ink);color:var(--accent-ink)}.sync-pill--pending{background:var(--accent-soft);color:var(--accent)}.sync-pill--syncing{background:var(--line);color:var(--muted)}