.shared-shopping-page{max-width:1040px;color:var(--ink);margin:auto;padding:28px 32px 60px}.shared-page-header{font:500 11px/1.5 var(--font-ui);letter-spacing:.06em;color:var(--navigation-ink);justify-content:space-between;align-items:center;margin-bottom:36px;display:flex}.shared-page-header a{color:inherit;text-decoration:none}.shared-shopping-shell{border:1px solid var(--line);background:var(--white);border-radius:20px;padding:36px}.shared-intro>span,.shared-current>header span{font:600 10px/1.5 var(--font-ui);letter-spacing:.09em;color:var(--navigation-ink)}.shared-intro h1{font:400 clamp(34px,4vw,50px)/1.1 var(--font-display);letter-spacing:-.03em;margin:12px 0}.shared-intro>p{max-width:64ch;font:400 14px/1.7 var(--font-ui);color:var(--muted);margin:0 0 28px}.shared-demo{border:1px solid var(--line);background:var(--soft-blue);font:400 12px/1.6 var(--font-ui);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0;padding:16px;display:flex}.shared-demo>a{color:var(--action-hover);margin-left:auto;font-weight:500}.shared-list-tools{flex-wrap:wrap;align-items:end;gap:16px;margin:24px 0;display:flex}.shared-list-tools>label{flex:1;min-width:220px;max-width:420px}.shared-list-tools label,.shared-invite-link label{font:600 10px/1.5 var(--font-ui);letter-spacing:.05em;color:var(--muted);gap:7px;display:grid}.shared-shopping-page :is(input,select),.shared-invite-link input{border:1px solid var(--line);background:var(--white);width:100%;min-width:0;min-height:44px;color:var(--ink);font:400 14px/1.5 var(--font-ui);letter-spacing:0;border-radius:8px;padding:10px 12px}.shared-shopping-page button,.shared-list-tools summary,.shared-invite-link button,.shared-people button,.shared-archive{border:1px solid var(--line);background:var(--white);min-height:40px;color:var(--action-hover);font:500 12px/1.5 var(--font-ui);cursor:pointer;border-radius:8px;padding:9px 12px}.shared-shopping-page .primary-button{background:var(--purple);border-color:var(--purple);color:#fff}.shared-shopping-page button:disabled{opacity:.55;cursor:default}.shared-shopping-page :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--blue);outline-offset:3px}.shared-list-tools details{flex:1;min-width:220px}.shared-list-tools details form{align-items:end;gap:12px;padding-top:12px;display:flex}.shared-list-tools details form>label{flex:1}.shared-list-tools summary{width:fit-content;list-style:none}.shared-current{margin-top:28px}.shared-current>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.shared-current h2{font:400 32px/1.2 var(--font-display);margin:7px 0}.shared-current>header p{font:400 12px/1.6 var(--font-ui);color:var(--muted);margin:0}.shared-current>header>button{flex:none}.shared-quick-add{gap:10px;margin:0 0 12px;display:flex}.shared-quick-add input{flex:1}.shared-quick-add button{flex:none;min-width:80px}.shared-import-button{font-size:11px!important}.shared-items{margin:16px 0;padding:0;list-style:none}.shared-item{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-width:0;display:flex}.shared-item>.shared-check{text-align:left;border:0;flex:1;align-items:center;gap:14px;min-width:0;padding:18px 0;display:flex}.shared-check>i{border:1px solid var(--navigation-line);background:var(--white);width:27px;height:27px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.shared-check[aria-pressed=true]>i{background:var(--sage)}.shared-check[aria-pressed=true] strong{color:var(--muted);text-decoration:line-through}.shared-check>span{gap:4px;min-width:0;display:grid}.shared-check strong{font:500 15px/1.5 var(--font-ui);color:var(--ink);overflow-wrap:anywhere}.shared-check small{font:400 12px/1.5 var(--font-ui);color:var(--muted)}.shared-item>button:last-child{flex:none;min-height:40px}.shared-picked,.shared-removed{border:1px solid var(--line);background:var(--paper);border-radius:10px;margin:20px 0;padding:16px}.shared-shopping-page summary{cursor:pointer;font:500 12px/1.5 var(--font-ui);color:var(--navigation-ink)}.shared-removed>div{font:400 13px/1.5 var(--font-ui);justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.shared-boundary{border-top:1px solid var(--line);font:400 12px/1.7 var(--font-ui);color:var(--muted);margin:24px 0 0;padding-top:18px}.shared-empty{font:400 14px/1.7 var(--font-ui);color:var(--muted);padding:24px 0}.shared-empty h2,.shared-signin h2,.shared-accept h2{font:400 27px/1.2 var(--font-display);color:var(--ink)}.shared-accept{border:1px solid var(--navigation-line);background:var(--soft-blue);font:400 14px/1.7 var(--font-ui);border-radius:12px;padding:24px}.shared-accept button+button{margin-left:10px}.shared-status{min-height:1.6em;font:500 12px/1.6 var(--font-ui);color:var(--navigation-ink)}.shared-invite-link{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin:20px 0;display:grid}.shared-people{margin:16px 0;padding:0;list-style:none}.shared-people li{border-top:1px solid var(--line);font:400 13px/1.6 var(--font-ui);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.shared-people li>span{overflow-wrap:anywhere;min-width:0}.shared-people small{color:var(--muted);font-size:11px;display:block}.shared-people button{flex:none}.shared-archive{margin-top:20px}.shared-import-options{max-height:45dvh;margin:20px 0;overflow:auto}.shared-import-options label{border-top:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;padding:14px 0;display:flex}.shared-import-options input{width:18px;height:18px;accent-color:var(--purple);flex:none}.shared-import-options span{font:500 14px/1.5 var(--font-ui);gap:5px;display:grid}.shared-import-options small{font:400 12px/1.5 var(--font-ui);color:var(--muted)}@media (width<=650px){.shared-shopping-page{padding:18px 14px 32px}.shared-page-header{margin-bottom:22px}.shared-shopping-shell{border-radius:16px;padding:22px 18px}.shared-intro h1{font-size:34px}.shared-list-tools{align-items:stretch}.shared-list-tools>label,.shared-list-tools details{flex:auto;width:100%;min-width:0;max-width:none}.shared-list-tools details form{flex-direction:column;align-items:stretch}.shared-list-tools summary{width:100%}.shared-current>header{flex-direction:column;align-items:start;gap:14px}.shared-current h2{font-size:29px}.shared-item{gap:8px}.shared-item>.shared-check{gap:10px}.shared-check strong{font-size:14px}.shared-check small{font-size:11px}.shared-item>button:last-child{padding:7px;font-size:11px}.shared-shopping-page :is(input,select){font-size:16px}.shared-shopping-entry{flex-direction:column;gap:4px}.shared-invite-link{grid-template-columns:minmax(0,1fr)}.shared-people li{flex-direction:column;align-items:start}.shared-accept{padding:18px}.shared-accept button{width:100%;margin:10px 0 0!important}}.shared-item{--shared-accent:var(--line);--shared-tint:var(--paper)}.shared-item[data-tone=sage]{--shared-accent:var(--sage);--shared-tint:var(--soft-sage)}.shared-item[data-tone=blue]{--shared-accent:var(--blue);--shared-tint:var(--soft-blue)}.shared-item[data-tone=lavender]{--shared-accent:var(--lavender);--shared-tint:var(--soft-lilac)}.shared-item[data-tone=rose]{--shared-accent:var(--accent-rose);--shared-tint:color-mix(in srgb,var(--accent-rose) 30%,var(--white))}.shared-item[data-tone=periwinkle]{--shared-accent:var(--periwinkle);--shared-tint:color-mix(in srgb,var(--periwinkle) 24%,var(--white))}.shared-item .shared-check>i{border-color:var(--shared-accent);background:var(--shared-tint)}.shared-item .shared-check[aria-pressed=true]>i{background:var(--shared-accent)}
