:root{color-scheme:light dark;--accent: #0d7a5f;--accent-strong: #0a6250;--accent-tint: #e7f4f0;--accent-ring: rgb(13 122 95 / 22%);--warn: #9a5b0c;--warn-tint: #fdf2e2;--danger: #b42318;--danger-tint: #fdeceb;--bg: #f4f7f6;--surface: #ffffff;--surface-sunken: #f7faf9;--border: #e4eae8;--border-strong: #d2dcd8;--text: #0f1a17;--text-muted: #5f716b;--text-faint: #8b9c95;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--control: 44px;--lead: 40px;--shadow-sm: 0 1px 2px rgb(15 26 23 / 5%);--shadow-md: 0 1px 2px rgb(15 26 23 / 4%), 0 10px 28px -16px rgb(15 26 23 / 22%);--shadow-lg: 0 24px 60px -24px rgb(15 26 23 / 35%)}@media(prefers-color-scheme:dark){:root{--accent: #3fbe98;--accent-strong: #58d3ad;--accent-tint: #16302a;--accent-ring: rgb(63 190 152 / 28%);--warn: #e5a75a;--warn-tint: #33260f;--danger: #f0736a;--danger-tint: #37201e;--bg: #0d1412;--surface: #141d1a;--surface-sunken: #101815;--border: #22302c;--border-strong: #2e403a;--text: #e9f0ed;--text-muted: #9aada6;--text-faint: #71857e;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-md: 0 1px 2px rgb(0 0 0 / 30%), 0 10px 28px -16px rgb(0 0 0 / 70%);--shadow-lg: 0 24px 60px -24px rgb(0 0 0 / 80%)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font:16px/1.5 ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2;letter-spacing:-.018em;font-weight:650}h1{font-size:1.5rem}button,input,select{font:inherit;color:inherit}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top)}.topbar-inner{max-width:920px;margin:0 auto;padding:var(--s3) var(--s4);display:flex;align-items:center;gap:var(--s3);position:relative}.brand{display:inline-flex;align-items:center;gap:var(--s2);text-decoration:none;color:inherit;font-weight:700;letter-spacing:-.03em;flex:none}.brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(150deg,var(--accent-strong),var(--accent));color:#fff;display:grid;place-items:center;font-size:15px;line-height:1;box-shadow:var(--shadow-sm);flex:none}.brand-text{font-size:.95rem}.brand-text span{color:var(--text-faint)}.menu-toggle{margin-left:auto;flex:none;width:var(--control);height:var(--control);display:inline-grid;place-items:center;padding:0;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);cursor:pointer}.menu-bars{position:relative}.menu-bars,.menu-bars:before,.menu-bars:after{display:block;width:18px;height:2px;border-radius:2px;background:currentcolor;transition:transform .12s ease,top .12s ease}.menu-bars:before,.menu-bars:after{content:"";position:absolute;left:0}.menu-bars:before{top:-6px}.menu-bars:after{top:6px}.menu-toggle.is-open .menu-bars{background:transparent}.menu-toggle.is-open .menu-bars:before{top:0;transform:rotate(45deg)}.menu-toggle.is-open .menu-bars:after{top:0;transform:rotate(-45deg)}.topbar-menu{display:none}.topbar-menu.is-open{display:flex;flex-direction:column;align-items:stretch;gap:var(--s3);position:absolute;z-index:2;top:calc(100% - var(--s2));right:var(--s4);min-width:200px;padding:var(--s3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;padding:0;border:0;background:transparent;cursor:default}.nav{display:flex;gap:var(--s1);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-pill);padding:3px}.topbar-menu .nav a{flex:1;text-align:center}.nav a{display:block;padding:6px 14px;border-radius:var(--r-pill);font-size:.85rem;font-weight:600;color:var(--text-muted);text-decoration:none;white-space:nowrap}.nav a:hover{color:var(--text)}.nav a.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.user{display:flex;align-items:center;gap:var(--s2);min-width:0}.topbar-menu.is-open .user{padding-left:var(--s1)}.topbar-menu.is-open .user-name{display:block;flex:1;max-width:none}.user-name{display:none;font-size:.85rem;font-weight:600;color:var(--text-muted);max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-picker{flex:none}.language-picker button{min-height:32px;padding:0 var(--s3);white-space:nowrap}.app-main{width:100%;max-width:920px;margin:0 auto;padding:var(--s5) var(--s4) calc(var(--s6) + env(safe-area-inset-bottom));flex:1}.stack{display:flex;flex-direction:column;gap:var(--s4)}.page-loading{padding:var(--s6) var(--s4);text-align:center;color:var(--text-faint);font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s4);box-shadow:var(--shadow-sm)}.section-head{display:flex;flex-direction:column;gap:2px;font-size:1rem;margin-bottom:var(--s3)}.section-hint{font-size:.8125rem;font-weight:400;line-height:1.4;color:var(--text-muted);letter-spacing:0}.list-subhead{display:flex;align-items:center;gap:var(--s2);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:var(--s4) 0 var(--s1)}.list-subhead:after{content:"";flex:1;height:1px;background:var(--border)}.list-subhead.needed{color:var(--warn)}button{font-family:inherit}.primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--control);padding:0 var(--s5);border:0;border-radius:var(--r-md);background:var(--accent);color:#fff;font-size:.9375rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .12s ease,transform 80ms ease}.primary:hover:not(:disabled){background:var(--accent-strong)}.primary:active:not(:disabled){transform:translateY(1px)}.primary:disabled{opacity:.45;cursor:default;box-shadow:none}.block{width:100%}.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 var(--s3);border:0;border-radius:var(--r-sm);background:none;color:var(--accent);font-size:.8125rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .12s ease}.text-button:hover{background:var(--accent-tint)}.text-button.danger{color:var(--danger)}.text-button.danger:hover,.text-button.is-armed{background:var(--danger-tint);color:var(--danger)}.icon-button{width:34px;height:34px;flex:none;display:grid;place-items:center;border:0;border-radius:var(--r-sm);background:none;color:var(--text-faint);font-size:1.25rem;line-height:1;cursor:pointer;transition:background .12s ease,color .12s ease}.icon-button:hover{background:var(--danger-tint);color:var(--danger)}label{display:flex;flex-direction:column;gap:var(--s1);font-size:.8125rem;font-weight:600;color:var(--text-muted)}.optional{font-weight:400;color:var(--text-faint)}input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],input:not([type]),select{width:100%;min-height:var(--control);padding:0 var(--s3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-size:1rem;font-weight:400;transition:border-color .12s ease,box-shadow .12s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}select{padding-right:var(--s5);background-image:linear-gradient(45deg,transparent 50%,currentcolor 50%),linear-gradient(135deg,currentcolor 50%,transparent 50%);background-position:right 18px center,right 13px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}input::placeholder{color:var(--text-faint)}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.segmented{display:flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-sunken)}.segmented button{flex:1;min-height:36px;border:0;border-radius:var(--r-sm);background:none;color:var(--text-muted);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease}.segmented button.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.form-error,.form-note{margin-top:var(--s2);font-size:.8125rem;line-height:1.4}.form-error{color:var(--danger)}.form-note{color:var(--text-muted)}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:var(--s5) var(--s4);background:radial-gradient(120% 90% at 50% -10%,var(--accent-tint) 0%,transparent 60%),var(--bg)}.auth-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-md)}.auth-card .brand{align-self:center}.auth-card .brand-mark{width:38px;height:38px;border-radius:11px;font-size:19px}.auth-card .brand-text{font-size:1.25rem}.auth-tagline{text-align:center;color:var(--text-muted);font-size:.875rem;margin-bottom:var(--s2)}.auth-card .primary{margin-top:var(--s2)}.event-grid{display:grid;gap:var(--s3)}.event-card{display:block;padding:var(--s4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);color:inherit;text-decoration:none;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.event-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.event-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2)}.event-card-head h3{font-size:1rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{flex:none;padding:3px 10px;border-radius:var(--r-pill);background:var(--accent-tint);color:var(--accent);font-size:.6875rem;font-weight:700;white-space:nowrap}.event-when,.event-description{margin-top:2px;font-size:.8125rem;color:var(--text-muted)}.event-card .progress{margin-top:var(--s3)}.event-nudge{margin-top:var(--s3);padding-top:var(--s2);border-top:1px solid var(--border);font-size:.75rem;font-weight:600;color:var(--warn)}.create-event,.event-header{display:flex;flex-direction:column;gap:var(--s3)}.event-title-row{display:flex;flex-direction:column;align-items:stretch;gap:var(--s2)}.event-title-row h1{min-width:0;overflow-wrap:anywhere}.event-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:var(--s1) var(--s3)}.rename-form{display:flex;flex:1;min-width:0;gap:var(--s2)}.rename-form input{flex:1}.rename-form .primary{padding:0 var(--s4);flex:none}.progress-row{display:grid;gap:var(--s3);padding:var(--s4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.progress{display:grid;gap:7px;min-width:0}.progress-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:var(--s2);height:18px}.progress-title{font-size:.75rem;font-weight:600;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-count{font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--text-faint);white-space:nowrap}.progress-count b{font-weight:700;color:var(--text)}.progress-of{color:var(--text-faint)}.progress.is-complete .progress-count b{color:var(--accent)}.progress-track{height:8px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--accent) 13%,var(--surface-sunken));overflow:hidden}.progress-fill{display:block;height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent),var(--accent-strong));transition:width .26s cubic-bezier(.2,.8,.3,1)}.progress-general .progress-track{background:color-mix(in srgb,var(--warn) 15%,var(--surface-sunken))}.progress-general .progress-fill{background:linear-gradient(90deg,var(--warn),color-mix(in srgb,var(--warn) 78%,#000))}.progress-general.is-complete .progress-count b{color:var(--warn)}.add-item{display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-areas:"name name" "quantity submit";gap:var(--s2);margin-bottom:var(--s2)}.add-item-name{grid-area:name}.add-item-quantity{grid-area:quantity;text-align:center}.add-item-submit{grid-area:submit}.add-item-hint{grid-column:1 / -1;margin:calc(var(--s1) * -1) 0 0;font-size:.75rem;line-height:1.4;color:var(--text-faint)}.inline-form{display:flex;gap:var(--s2);margin-bottom:var(--s2)}.inline-form input{flex:1;min-width:0}.inline-form .primary{flex:none;padding:0 var(--s4)}.item-list{list-style:none;margin:0;padding:0}.item-row,.member-row{display:grid;grid-template-columns:var(--lead) minmax(0,1fr) auto;align-items:center;column-gap:var(--s3);min-height:56px;padding:var(--s1) 0;border-top:1px solid var(--border)}.item-row:first-child,.member-row:first-child{border-top:0}.item-main{min-width:0;display:flex;flex-direction:column;gap:1px}.item-name{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.9375rem;font-weight:550;letter-spacing:-.01em;overflow-wrap:anywhere}.item-meta{font-size:.75rem;line-height:1.35;color:var(--text-muted)}.item-added-by{color:var(--text-faint)}.item-note{margin:3px 0 0;padding-left:var(--s2);border-left:2px solid color-mix(in srgb,var(--accent) 35%,transparent);font-size:.8125rem;line-height:1.4;color:var(--text-muted);white-space:pre-wrap;overflow-wrap:anywhere}.item-editor{display:grid;gap:var(--s1);padding:2px 0}.item-editor-name,.item-editor-note{width:100%;padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text);font:inherit}.item-editor-name{font-weight:600}.item-editor-note{font-size:.875rem;line-height:1.4;resize:vertical;min-height:44px}.item-editor-name:focus-visible,.item-editor-note:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.item-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--s2)}.item-editor-save{min-height:34px;padding-inline:var(--s3);font-size:.875rem}.item-row.is-needed .item-meta{color:var(--warn);font-weight:600}.item-row.is-claimed .item-meta{color:var(--accent);font-weight:600}.item-row.is-packed .item-name{color:var(--text-faint);text-decoration:line-through;text-decoration-thickness:1px}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--s1)}.row-grip{flex:none;width:32px;height:var(--control);display:grid;place-items:center;border:0;border-radius:var(--r-sm);background:none;color:var(--text-faint);font-size:1rem;line-height:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.row-grip:hover{color:var(--text-muted);background:var(--surface-sunken)}.row-grip:active{cursor:grabbing}.item-row{transition:transform .16s cubic-bezier(.2,.8,.3,1)}.item-row.is-dragging{position:relative;z-index:2;transition:none;border-radius:var(--r-md);border-top-color:transparent;background:var(--surface);box-shadow:var(--shadow-md);cursor:grabbing}.item-row.is-dragging .row-grip{color:var(--accent)}.item-list.is-sorting{-webkit-user-select:none;user-select:none}.row-lead{width:var(--lead);height:var(--control);display:grid;place-items:center}.scope-dot{width:8px;height:8px;border-radius:var(--r-pill);background:var(--border-strong)}.scope-dot.is-shared{background:var(--warn)}.quantity-badge,.shareable-badge{flex:none;padding:1px 8px;border-radius:var(--r-pill);font-size:.6875rem;font-weight:700;letter-spacing:0;background:var(--surface-sunken);border:1px solid var(--border);color:var(--text-muted)}.shareable-badge{background:var(--warn-tint);border-color:transparent;color:var(--warn)}.claim-box{position:relative;width:var(--lead);height:var(--control);display:grid;place-items:center;cursor:pointer}.claim-box input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.claim-box-face{width:23px;height:23px;border:2px solid var(--border-strong);border-radius:7px;background:var(--surface);transition:background .13s ease,border-color .13s ease,transform .13s ease}.item-row.is-needed .claim-box-face{border-color:var(--warn);border-style:dashed}.claim-box input:checked+.claim-box-face{background:var(--accent);border:2px solid var(--accent)}.claim-box input:checked+.claim-box-face:after{content:"";display:block;width:5px;height:10px;margin:1px auto 0;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.claim-box input:active+.claim-box-face{transform:scale(.9)}.claim-box input:disabled{cursor:default}.claim-box input:disabled+.claim-box-face{opacity:.4}.claim-box input:focus-visible+.claim-box-face{outline:2px solid var(--accent);outline-offset:2px}.pack-pill{flex:none;min-width:84px;min-height:32px;padding:0 var(--s3);border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--surface);color:var(--text-muted);font-size:.75rem;font-weight:650;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.pack-pill:hover{border-color:var(--accent);color:var(--accent)}.pack-pill.is-on{background:var(--accent-tint);border-color:transparent;color:var(--accent)}.member-list{list-style:none;margin:0;padding:0}.avatar{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--accent-tint);color:var(--accent);font-size:.6875rem;font-weight:700;letter-spacing:.02em}.member-row .avatar{justify-self:center}.topbar .avatar{width:30px;height:30px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:end center;padding:var(--s4);padding-bottom:calc(var(--s4) + env(safe-area-inset-bottom));background:#09100e73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .14s ease-out}.modal{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg);animation:rise .18s cubic-bezier(.2,.8,.3,1)}.modal h2{font-size:1.125rem}.modal-body{font-size:.875rem;line-height:1.45;color:var(--text-muted)}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--s2)}.modal-close{align-self:center;color:var(--text-muted)}.modal-close:hover{background:var(--surface-sunken)}.share-link{display:flex;gap:var(--s2)}.share-link input{flex:1;min-width:0;font-size:.8125rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--surface-sunken)}.share-link .primary{flex:none;padding:0 var(--s4)}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.empty-state{padding:var(--s6) var(--s4);text-align:center}.empty-icon{display:inline-grid;place-items:center;width:52px;height:52px;margin-bottom:var(--s3);border-radius:var(--r-lg);background:var(--surface-sunken);border:1px solid var(--border);font-size:1.5rem}.empty-title{font-weight:650;letter-spacing:-.01em}.empty-body{max-width:40ch;margin:var(--s1) auto 0;font-size:.8125rem;line-height:1.5;color:var(--text-muted)}.template-tools[open] summary{margin-bottom:var(--s2)}.template-tools summary{cursor:pointer;font-size:.875rem;font-weight:650;color:var(--text-muted);list-style:none}.template-tools summary::-webkit-details-marker{display:none}.template-tools summary:before{content:"▸";display:inline-block;margin-right:var(--s2);color:var(--text-faint);transition:transform .14s ease}.template-tools[open] summary:before{transform:rotate(90deg)}.template-row{display:flex;gap:var(--s2);margin-top:var(--s3)}.template-row input,.template-row select{flex:1;min-width:0}.template-row button{flex:none;min-height:var(--control);padding:0 var(--s4);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .12s ease,color .12s ease}.template-row button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.template-row button:disabled{opacity:.45;cursor:default}.join-card{max-width:420px;margin:var(--s6) auto;display:flex;flex-direction:column;gap:var(--s3);text-align:center;padding:var(--s5)}.join-kicker{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.join-meta{font-size:.8125rem;color:var(--text-muted)}.join-card .primary{margin-top:var(--s2)}@media(min-width:600px){.user-name{display:block}.menu-toggle,.menu-scrim{display:none}.topbar-menu,.topbar-menu.is-open{display:flex;flex-direction:row;align-items:center;gap:var(--s3);position:static;margin-left:auto;min-width:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}.topbar-menu .nav a{flex:none}.add-item{grid-template-columns:minmax(0,1fr) 88px auto;grid-template-areas:"name quantity submit"}.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}.event-title-row{flex-direction:row;align-items:center;min-height:var(--control)}.event-title-row h1{flex:1}.event-actions{justify-content:flex-end;margin-left:auto;gap:var(--s1)}.modal-backdrop{place-items:center}}@media(min-width:900px){h1{font-size:1.75rem}.app-main{padding-top:var(--s6)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}