:root{--ink:#18212f;--ink-soft:#536173;--muted:#8190a3;--line:#e6ebf2;--paper:#f7f9fc;--surface:rgba(255,255,255,.86);--blue:#5b6df8;--blue-dark:#4052dc;--cyan:#baf3ee;--orange:#ffb56b;--pink:#ff8ea7;--green:#89d7bd;--shadow:0 24px 70px rgba(38,54,86,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 8% 0%,#e5e9ff 0,transparent 32%),radial-gradient(circle at 92% 4%,#d8f8f0 0,transparent 30%),linear-gradient(135deg,#fbfcff,#f3f6fb)}body:before,body:after{content:"";position:fixed;z-index:-1;width:220px;height:220px;border-radius:50%;filter:blur(10px);opacity:.35;pointer-events:none}body:before{left:-100px;bottom:8%;background:var(--pink)}body:after{right:-110px;bottom:20%;background:var(--orange)}button,input,select{font:inherit}button{cursor:pointer;border:0;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}button:active{transform:translateY(1px) scale(.99)}button:disabled{cursor:wait;opacity:.62}.app-shell{width:min(100% - 28px,1120px);margin:0 auto;padding:28px 0 56px}.topbar,.widget-top,.widget-foot,.list-heading,.dialog-header,.dialog-actions,.widget-label,.profile-row,.member-heading,.member{display:flex;align-items:center;justify-content:space-between}.topbar{margin:0 0 22px}.topbar>div{display:flex;align-items:center;gap:13px}.topbar>div:before{content:"✓";display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:var(--ink);color:var(--cyan);font-size:20px;font-weight:900;box-shadow:0 10px 22px #18212f2e}.eyebrow{margin:0;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.16em}.topbar .eyebrow{position:absolute;margin:0 0 37px 55px;color:var(--blue)}.topbar h1{margin:0;font-size:29px;letter-spacing:-.07em;line-height:1}.topbar h1 span{color:var(--blue)}h1,h2,h3,p{margin:0}h2{margin-top:5px;font-size:23px;letter-spacing:-.05em}h3{font-size:18px}.share-button{min-height:44px;padding:0 18px;border-radius:14px;background:var(--blue);color:#fff;font-size:13px;font-weight:850;box-shadow:0 10px 20px #5b6df840}.share-button:hover{background:var(--blue-dark);box-shadow:0 14px 28px #5b6df852}.location-card{display:flex;gap:13px;align-items:center;padding:16px 17px;color:#fff;background:linear-gradient(110deg,#1f2b43,#354c73);border:1px solid rgba(255,255,255,.14);border-radius:22px;box-shadow:var(--shadow)}.location-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#baf3ee29;color:var(--cyan);font-size:23px}.location-copy{display:grid;flex:1;gap:3px;min-width:0}.location-copy strong{font-size:13px}.location-copy span{color:#c6d2e4;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.switch{width:47px;height:27px;border-radius:20px;padding:3px;background:#63718a}.switch span{display:block;width:21px;height:21px;border-radius:50%;background:#fff;transition:.2s}.switch[aria-pressed=true]{background:var(--cyan)}.switch[aria-pressed=true] span{transform:translate(20px);background:var(--ink)}.tabs{display:flex;gap:25px;margin:27px 2px 21px;border-bottom:1px solid var(--line)}.tab{position:relative;padding:0 0 12px;color:#94a1b1;background:none;font-weight:800;font-size:14px}.tab.active{color:var(--ink)}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:4px;background:var(--blue)}.tab b{display:inline-grid;place-items:center;min-width:22px;height:21px;margin-left:5px;padding:0 6px;border-radius:8px;color:var(--blue);background:#e9ecff;font-size:10px}.view,.widget-preview{animation:rise .35s ease both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.add-form{display:flex;gap:9px;margin-bottom:11px}.add-form input{flex:1}.suggestion-row{display:flex;gap:7px;min-height:28px;overflow:auto;margin-bottom:20px}.suggestion{flex:0 0 auto;padding:7px 10px;border:1px solid #dce3ff;border-radius:10px;color:var(--blue);background:#f1f3ff;font-size:11px;font-weight:750}input,select{width:100%;border:1px solid var(--line);border-radius:14px;background:#ffffffeb;color:var(--ink);outline:0}input{padding:13px 14px;box-shadow:0 5px 16px #2636560a}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 4px #5b6df821}.primary-button,.secondary-button{border-radius:13px;padding:12px 16px;font-weight:820}.primary-button{color:#fff;background:var(--ink);box-shadow:0 9px 18px #18212f1f}.primary-button:hover{background:#263650;box-shadow:0 13px 22px #18212f2e}.secondary-button{color:var(--ink);background:#edf1f7}.secondary-button:hover{background:#e2e8f2}.full-width{width:100%}.text-button{color:#65758b;background:none;font-size:12px;font-weight:800}.text-button:hover{color:var(--blue)}.list-heading{margin:2px 0 12px}.list-heading h2{font-size:26px}.items{display:grid;gap:9px}.item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border:1px solid rgba(230,235,242,.9);border-radius:17px;box-shadow:0 8px 22px #2636560b;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;backdrop-filter:blur(12px)}.item:hover{transform:translateY(-2px);border-color:#cfd8ff;box-shadow:0 14px 28px #26365617}.check{flex:0 0 auto;width:23px;height:23px;border-radius:8px;border:1.5px solid #c5cfdd;background:#fff;color:var(--ink);font-size:13px;font-weight:900}.item.done .check{border-color:var(--green);background:var(--green)}.item-main{min-width:0;flex:1}.item-name{display:block;font-size:14px;font-weight:800}.item.done .item-name{color:#9ca7b5;text-decoration:line-through}.category{display:inline-block;margin-top:6px;padding:4px 8px;border-radius:7px;color:#65758b;background:#eef2f7;font-size:10px;font-weight:800}.edit-item{padding:7px 8px;border-radius:9px;color:#8190a3;background:none;font-size:12px}.edit-item:hover{color:var(--blue);background:#eef0ff}.empty-state{padding:56px 20px;text-align:center;color:var(--muted)}.empty-state p{margin-top:7px;font-size:13px}.empty-basket{margin:auto auto 10px;font-size:36px;color:#aab7c8}.hidden{display:none!important}.nearby-hero{display:flex;justify-content:space-between;padding:22px;margin-bottom:13px;border:1px solid #dce6f6;border-radius:22px;background:linear-gradient(135deg,#eaf0ff,#edfbf6)}.nearby-hero p{max-width:310px;margin-top:7px;color:#66768d;font-size:12px;line-height:1.5}.radar{display:grid;place-items:center;width:54px;height:54px;border:1px solid #b9c9f0;border-radius:50%;color:var(--blue);font-size:28px;animation:pulse 2.8s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px #5b6df814}}.nearby-matches{display:grid;gap:9px;margin-bottom:12px}.match{display:flex;gap:11px;align-items:center;padding:14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 6px 18px #2636560a}.match-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#fff0e1;font-size:17px}.match-copy{flex:1}.match-copy strong{display:block;font-size:13px}.match-copy span{color:var(--muted);font-size:11px}.match-items{text-align:right;color:#4c8e7a;font-size:11px;font-weight:850}.widget-preview{margin-top:29px}.widget-label{padding:0 3px 9px}.widget-label span{color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.13em}.widget-card{padding:17px;border-radius:21px;background:linear-gradient(135deg,#1e2a42,#354d75);color:#fff;box-shadow:0 18px 35px #24375c38}.widget-top strong{font-size:13px}.widget-top span{color:var(--cyan);font-size:11px;font-weight:850}.widget-items{display:grid;gap:8px;padding:15px 0}.widget-item{display:flex;align-items:center;gap:8px;font-size:12px}.widget-item i{width:7px;height:7px;border-radius:50%;background:var(--orange)}.widget-item.muted{color:#a7b6cc}.widget-foot{padding-top:11px;border-top:1px solid #536784;color:#c3cede;font-size:10px}.widget-foot span:last-child{color:var(--cyan);font-size:17px}dialog{border:0;padding:0;border-radius:25px;width:min(calc(100% - 28px),470px);max-height:calc(100vh - 28px);overflow:auto;box-shadow:0 30px 90px #1c2a4640;color:var(--ink)}dialog::backdrop{background:#16203275;backdrop-filter:blur(7px)}.dialog-card{padding:24px}.dialog-header{margin-bottom:18px}.close-button{background:none;color:#91a0b1;font-size:28px}.dialog-card label{display:block;margin:12px 0 7px;color:#66768d;font-size:12px;font-weight:800}.dialog-card select{padding:12px}.dialog-hint,.dialog-card p{margin-top:9px;color:var(--muted);font-size:12px;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px}.invite-code{margin:20px 0 12px;padding:18px;border:1px solid #dfe4ff;border-radius:15px;color:var(--blue);background:#f3f4ff;text-align:center;letter-spacing:.16em;font-weight:900}.toast{position:fixed;left:50%;bottom:22px;z-index:5;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 16px;border-radius:13px;background:var(--ink);color:#fff;box-shadow:var(--shadow);font-size:12px;transition:.25s}.toast.show{transform:translate(-50%);opacity:1}.profile-row{padding:10px 0 14px;border-bottom:1px solid var(--line)}.profile-row>div:nth-child(2){flex:1}.profile-row span,.member span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:13px;color:var(--ink);background:linear-gradient(135deg,var(--cyan),var(--green));font-weight:900}.divider{display:flex;align-items:center;gap:8px;margin:15px 0 10px;color:var(--muted);font-size:10px}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid var(--line)}.member-heading{margin-top:20px;padding-bottom:8px;font-size:12px}.member-heading span{display:grid;place-items:center;min-width:22px;height:22px;border-radius:8px;background:#e9ecff;color:var(--blue);font-size:10px;font-weight:900}.members-list{display:grid;gap:8px}.member{padding:10px;border-radius:13px;background:#f6f8fc}.member>div:nth-child(2){flex:1}.member strong{font-size:12px}.member .text-button{font-size:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.view[hidden]{display:none}@media(min-width:900px){.app-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:22px;padding-top:42px}.topbar,.location-card,.tabs{grid-column:1/-1}.tabs{margin-bottom:0}.list-heading h2{font-size:29px}.widget-preview{margin-top:0}}@media(max-width:480px){.app-shell{width:min(100% - 20px,560px);padding-top:20px}.topbar>div:before{width:38px;height:38px}.topbar .eyebrow{margin-left:51px}.topbar h1{font-size:27px}.share-button{min-height:40px;padding:0 14px}.location-card{border-radius:19px}.dialog-card{padding:20px}}:root{--ink:#172033;--ink-soft:#526078;--muted:#8390a4;--line:#e4e8ef;--paper:#f4f6f9;--blue:#3158d8;--blue-dark:#2447bd;--cyan:#d9e2ff;--shadow:0 18px 48px rgba(23,32,51,.11)}body{background:var(--paper)}body:before,body:after{display:none}.app-shell{width:min(100% - 32px,1080px)}.topbar>div:before{background:var(--blue);color:#fff;box-shadow:0 8px 18px #3158d838}.topbar .eyebrow,.topbar h1 span{color:var(--blue)}.share-button{background:var(--blue);border-radius:10px;box-shadow:0 7px 16px #3158d833}.location-card{background:#172033;border-radius:16px;box-shadow:0 14px 30px #17203329}.location-icon{border-radius:10px;background:#263554;color:#bfcaff}.tabs{margin-top:24px}.tab.active:after{background:var(--blue)}.tab b{color:var(--blue);background:#e9edff}.primary-button{background:var(--blue);border-radius:10px;box-shadow:0 7px 14px #3158d829}.primary-button:hover{background:var(--blue-dark)}.secondary-button{border:1px solid #dfe4ec;background:#fff;border-radius:10px}.secondary-button:hover{border-color:#bdc9e5;background:#f7f9ff}.item,.match,.widget-card{border-radius:13px}.item:hover{border-color:#bdc9e5}.nearby-hero{border-radius:16px;background:#eaf0ff}.widget-card{background:#172033;box-shadow:0 16px 32px #1720332e}dialog{width:min(calc(100% - 28px),430px);border-radius:16px}dialog::backdrop{background:#0d142285;backdrop-filter:blur(4px)}.dialog-card{padding:26px}.dialog-header{margin-bottom:8px}.dialog-header h2{font-size:25px}.dialog-card>p#syncStatus{margin:0 0 20px;max-width:330px}.auth-fields label{margin-top:13px}.auth-fields label:first-child{margin-top:0}.auth-actions{display:grid;gap:8px;margin-top:20px}.auth-actions .secondary-button{color:var(--blue)}.google-button,.magic-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;margin-top:10px;border:1px solid #dfe4ec;border-radius:10px;color:var(--ink);background:#fff;font-weight:800}.google-button:hover,.magic-button:hover{border-color:#bdc9e5;background:#f7f9ff}.google-button span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#4285f4;font-size:15px;font-weight:900}.divider{margin:18px 0 8px;color:#a0a9b7}.share-section{margin-top:25px;padding-top:21px;border-top:1px solid var(--line)}.section-kicker{margin-bottom:9px;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.14em}.invite-row,.join-row{display:flex;gap:8px;align-items:center}.invite-row .invite-code{flex:1;margin:0;min-height:44px;padding:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-row .secondary-button,.join-row .secondary-button{flex:0 0 auto;min-height:44px}.join-row input{min-width:0}.member-heading{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.member{background:#f7f8fb;border:1px solid #edf0f4}.profile-row{padding:0 0 16px}.profile-row .text-button{border:1px solid #dfe4ec;padding:8px 10px;border-radius:8px}.share-section select{display:block;min-height:44px;padding:0 12px;background:#f8faff;border-color:#dbe2f0;font-weight:750}.share-kicker{margin-top:22px}@media(max-width:480px){.app-shell{width:min(100% - 24px,560px)}.dialog-card{padding:22px 18px}.invite-row .secondary-button{padding-left:12px;padding-right:12px}}.danger{color:#c2410c}.danger:hover{color:#9a3412}.dialog-actions .spacer{flex:1}.dialog-actions .text-button{padding:0}.list-actions{display:grid;gap:10px;margin-top:10px}.list-actions .text-button{justify-self:start;padding:0}.account-footer{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:14px;border-top:1px solid var(--line);font-size:12px}.account-footer a{color:var(--muted)}.attribution{margin-top:10px;color:var(--muted);font-size:11px;line-height:1.5}.attribution a{color:inherit}.site-footer{display:flex;gap:8px;justify-content:center;margin-top:28px;color:var(--muted);font-size:12px}.site-footer a{color:inherit}input:disabled{opacity:.6}select:disabled{opacity:.7}@media(min-width:900px){.site-footer{grid-column:1/-1}}