:root{--bg: #0b0a0f;--raised: #17151d;--sunken: #211e29;--text: #f6f2ea;--dim: rgba(246, 242, 234, .55);--faint: rgba(246, 242, 234, .08);--accent: #d6ff4a;--accent-ink: #0b0a0f;--yes: #5ee39b;--no: #ff5d6e;--later: #ffc24b;--display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--body: "Figtree", ui-sans-serif, system-ui, sans-serif;--radius: 28px;--nav-h: 76px;color-scheme:dark}.group-mode{--accent: #b9a6ff;--accent-ink: #120d24;--raised: #18151f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}button:disabled{opacity:.45;cursor:default}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.title{font-family:var(--display);font-weight:800;letter-spacing:-.035em;line-height:1}.dim{color:var(--dim)}.block{display:block}.small-text{font-size:.82rem}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--dim);font-weight:700}.error{color:var(--no);font-size:.9rem}.lede{font-size:1.02rem;line-height:1.45;max-width:32ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 24px;border-radius:999px;font-weight:700;font-size:1.02rem;transition:transform .12s ease,background .2s}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.secondary{background:var(--sunken)}.btn.quiet{color:var(--dim);min-height:48px}.btn.small{min-height:40px;padding:0 18px;font-size:.9rem}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;flex-shrink:0}.icon-btn.solid{width:56px;height:56px;background:var(--sunken);color:var(--accent)}.field{width:100%;padding:16px 18px;border:none;border-radius:18px;background:var(--sunken);outline:none;resize:none;transition:box-shadow .15s}.field:focus{box-shadow:inset 0 0 0 2px var(--accent)}.field::placeholder{color:#f6f2ea52}.field.big{font-size:1.15rem}.field.huge{font-family:var(--display);font-size:2rem;font-weight:700;letter-spacing:-.03em;background:transparent;padding:8px 0;border-radius:0;box-shadow:inset 0 -2px 0 var(--faint)}.field.huge:focus{box-shadow:inset 0 -2px 0 var(--accent)}.field-row{display:flex;gap:10px;align-items:center}.label{display:flex;flex-direction:column;gap:8px;font-size:.82rem;font-weight:600;color:var(--dim)}.label .field{color:var(--text);font-size:1rem;font-weight:500}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:9px 16px;border-radius:999px;background:var(--sunken);font-weight:600;font-size:.9rem}.chip.active{background:var(--accent);color:var(--accent-ink)}.text-link{display:inline-flex;align-items:center;gap:6px;align-self:center;padding:10px;color:var(--dim);font-size:.88rem;font-weight:600}.text-link.danger{color:var(--no)}.text-link.push-down{margin-top:auto}.text-link.inline-link{padding:0 0 0 8px;margin-left:auto;color:var(--accent)}.pulse{animation:pulse .9s ease-in-out infinite alternate}@keyframes pulse{to{opacity:.3}}.splash{height:100dvh;display:grid;place-items:center}.wordmark{font-family:var(--display);font-weight:800;font-size:1.35rem;letter-spacing:-.05em;color:var(--accent)}.welcome{min-height:100dvh;max-width:480px;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:24px;overflow:hidden}.welcome-art{position:relative;flex:1;min-height:220px}.art-card{position:absolute;width:58%;aspect-ratio:3 / 4;left:21%;top:8%;border-radius:26px;box-shadow:0 30px 60px #0000008c;animation:float 6s ease-in-out infinite alternate}.art-card.a{background:linear-gradient(150deg,#ff7a59,#ff3d7f);transform:rotate(-14deg) translate(-22%)}.art-card.b{background:linear-gradient(150deg,#8f7bff,#3f2bd6);transform:rotate(9deg) translate(24%);animation-delay:-2s}.art-card.c{background:radial-gradient(80% 60% at 30% 20%,rgba(255,255,255,.35),transparent 60%),linear-gradient(160deg,#d6ff4a,#4ad6a0);transform:rotate(-2deg);animation-delay:-4s}@keyframes float{to{translate:0 -10px}}.welcome-copy{display:flex;flex-direction:column;gap:14px}.welcome h1{font-family:var(--display);font-size:clamp(2.5rem,11vw,3.4rem);font-weight:800;line-height:.95;letter-spacing:-.045em}.welcome h1 em{font-style:normal;color:var(--accent)}.welcome-copy p{font-size:1.05rem;line-height:1.45}.welcome-actions{display:flex;flex-direction:column;gap:6px}.onboarding{gap:32px}.progress{display:flex;gap:6px}.progress span{flex:1;height:4px;border-radius:4px;background:var(--faint);transition:background .3s}.progress span.done,.progress span.current{background:var(--accent)}.step{flex:1;display:flex;flex-direction:column;gap:18px;animation:rise .35s ease-out}.step h1{font-size:2.3rem;margin-top:12px}.step p{line-height:1.45}.step-actions{margin-top:auto;display:flex;flex-direction:column;gap:4px}.step>.btn.primary{margin-top:auto}.step-icon{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);margin-top:24px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.shell{height:100dvh;display:flex;flex-direction:column;max-width:520px;margin:0 auto;position:relative}.content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.screen{min-height:100%;display:flex;flex-direction:column;gap:18px;padding:max(18px,env(safe-area-inset-top)) 18px calc(var(--nav-h) + 24px + env(safe-area-inset-bottom))}.group-mode .screen{padding-top:8px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:6px}.topbar .title{font-size:2.3rem;flex:1}.topbar .icon-btn{align-self:center;margin-left:-10px}.tabbar{position:absolute;left:14px;right:14px;bottom:max(12px,env(safe-area-inset-bottom));height:64px;display:flex;padding:6px;border-radius:999px;background:#1e1b25d1;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);box-shadow:0 12px 40px #00000073;z-index:20}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:999px;font-size:.68rem;font-weight:700;text-decoration:none;color:var(--dim);transition:background .2s,color .2s}.tabbar a.active{background:var(--accent);color:var(--accent-ink)}.skeleton-screen,.skeleton-list{min-height:60vh}.deck-screen{padding-bottom:calc(var(--nav-h) + 18px + env(safe-area-inset-bottom));gap:14px;position:relative}.deck{flex:1;display:flex;flex-direction:column;gap:18px;min-height:440px}.deck-stack{position:relative;flex:1}.deck-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}.deck-empty .title{font-size:1.8rem;max-width:14ch}.deck-empty p{max-width:30ch;line-height:1.45;margin-bottom:8px}.deck-empty .btn{width:100%;max-width:300px}.swipe-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);background:var(--sunken) center / cover no-repeat;box-shadow:0 24px 50px #00000080;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;transition:transform .28s cubic-bezier(.2,.8,.3,1),filter .28s ease-out;display:flex;align-items:flex-end}.swipe-card.dragging{transition:none;cursor:grabbing}.swipe-card.behind{filter:brightness(.5) saturate(.8);pointer-events:none}.swipe-card.leaving{pointer-events:none;transition:transform .28s ease-in}.swipe-info{width:100%;padding:120px 22px 24px;background:linear-gradient(180deg,transparent,rgba(8,7,12,.6) 30%,rgba(8,7,12,.94));pointer-events:none}.swipe-info h2{font-family:var(--display);font-size:2rem;font-weight:800;letter-spacing:-.035em;line-height:1;margin-bottom:10px}.swipe-info p{line-height:1.42;color:#ffffffd1;font-size:.97rem}.card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.card-meta:empty{display:none}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:#ffffff24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.78rem;font-weight:700}.pill.proposed{background:var(--accent);color:var(--accent-ink)}.tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin-top:14px}.tags li{font-size:.76rem;font-weight:600;color:#fff9}.tags li+li:before{content:"·";margin-right:6px}.stamp{position:absolute;top:34px;padding:4px 14px;border-radius:14px;font-family:var(--display);font-size:2.2rem;font-weight:800;letter-spacing:-.02em;color:#0b0a0f;pointer-events:none}.stamp.yes{left:22px;background:var(--yes);transform:rotate(-12deg)}.stamp.no{right:22px;background:var(--no);transform:rotate(12deg)}.stamp.later{left:50%;transform:translate(-50%);background:var(--later)}.hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 14px;background:#08070c59;font-weight:800;pointer-events:none;animation:breathe 2.4s ease-in-out infinite alternate}.hint div{padding:8px 12px;border-radius:999px;background:#08070cb3;font-size:.9rem}.hint div:nth-child(2){align-self:flex-start;margin-top:28px}@keyframes breathe{to{opacity:.6}}.deck-actions{display:flex;justify-content:center;align-items:center;gap:18px}.round{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:var(--raised);box-shadow:0 10px 24px #0006;transition:transform .12s ease}.round:active{transform:scale(.9)}.round.no{color:var(--no)}.round.yes{color:var(--accent-ink);background:var(--accent)}.round.later{color:var(--later);width:52px;height:52px}.fab{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--accent);color:var(--accent-ink);align-self:center}.topbar-stack{display:flex;flex-direction:column;gap:6px}.tabs{display:flex;gap:6px}.tabs button{padding:10px 16px;border-radius:999px;font-weight:700;font-size:.92rem;color:var(--dim);background:var(--raised);transition:background .2s,color .2s}.tabs button.active{background:var(--text);color:var(--bg)}.rows{list-style:none;display:flex;flex-direction:column;gap:4px}.row{display:flex;gap:14px;align-items:center;padding:10px;margin:0 -10px;border-radius:22px;background:var(--bg)}.row.tappable{cursor:pointer}.row.tappable:active{background:var(--raised)}.row.match{background:#5ee39b14}.thumb{width:76px;height:76px;flex-shrink:0;border-radius:18px;background:var(--sunken) center / cover}.row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.row-body h3{font-size:1.02rem;font-weight:700;line-height:1.2}.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.86rem;line-height:1.35}.row-link{font-size:.8rem;font-weight:600;color:var(--accent);text-decoration:none}.row-action{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:.82rem;font-weight:700;color:var(--accent);padding:4px 0}.hint-line{font-size:.78rem;color:var(--dim);text-align:center;letter-spacing:.02em}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:48px 12px}.propose-row{display:flex;align-items:center;gap:14px;padding:14px;border-radius:22px;background:var(--raised);text-align:left}.propose-plus{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);flex-shrink:0}.swipe-row{position:relative;list-style:none;border-radius:22px;overflow:hidden;max-height:240px;transition:opacity .15s,max-height .2s ease-in .05s}.swipe-row.gone{opacity:0;max-height:0}.swipe-row-action{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:0 22px;font-weight:800;color:#0b0a0f;opacity:.5;transition:opacity .15s}.swipe-row-action.armed{opacity:1}.swipe-row-action.no{background:var(--no)}.swipe-row-action.later{background:var(--later)}.swipe-row-action.yes{background:var(--yes)}.swipe-row-content{position:relative;margin:0;touch-action:pan-y;transition:transform .2s ease-out;user-select:none;-webkit-user-select:none}.swipe-row-content.dragging{transition:none}.group-avatar{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(150deg,#b9a6ff,#6b4dff);color:#120d24;font-family:var(--display);font-weight:800;font-size:1.3rem}.group-avatar.small{width:40px;height:40px;border-radius:14px;font-size:1.05rem}.group-bar{display:flex;align-items:center;gap:8px;padding:max(10px,env(safe-area-inset-top)) 72px 2px 8px;min-height:60px}.group-avatar.tiny{width:28px;height:28px;border-radius:9px;font-size:.85rem}.group-bar-title{flex:1;min-width:0;font-family:var(--display);font-size:1.15rem;font-weight:800;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.propose-fab{position:absolute;top:max(8px,env(safe-area-inset-top));right:14px;z-index:30;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 28px #00000073,0 0 0 6px var(--bg);transition:transform .12s ease}.propose-fab:active{transform:scale(.92)}.votes{display:flex;flex-direction:column;gap:6px;margin-top:2px}.vote-bar{height:6px;border-radius:6px;background:var(--faint);overflow:hidden}.vote-bar span{display:block;height:100%;border-radius:6px;background:var(--accent)}.match-badge{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;padding:3px 9px;border-radius:999px;background:var(--yes);color:#06180e;font-size:.74rem;font-weight:800}.name-edit{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:14px 16px;border-radius:18px;background:var(--raised)}.name-value{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.05rem}.invite-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 20px 18px;border-radius:var(--radius);background:radial-gradient(120% 70% at 50% 0%,rgba(185,166,255,.22),transparent 70%),var(--raised);text-align:center}.invite-card .btn{width:100%}.qr{width:168px;padding:10px;border-radius:22px;background:#fff;line-height:0}.qr svg{width:100%;height:auto}.invite-copy h2{font-family:var(--display);font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.invite-copy p{color:var(--dim);margin-top:4px}.invite-copy strong{color:var(--text);letter-spacing:.08em}.copy-link{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border-radius:999px;background:var(--sunken);color:var(--dim);font-size:.85rem}.copy-link span{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-link svg{color:var(--accent)}.section{display:flex;flex-direction:column;gap:14px}.section-title{font-family:var(--display);font-size:1.3rem;font-weight:800;letter-spacing:-.025em}.people{list-style:none;display:flex;flex-direction:column;gap:12px}.people li{display:flex;align-items:center;gap:12px;font-weight:600}.person-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--sunken);color:var(--accent);font-weight:800}.sticky-cta{position:sticky;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));margin:auto -18px 0;padding:20px 18px 8px;background:linear-gradient(transparent,var(--bg) 40%)}.sticky-cta .btn{width:100%}.callout{display:flex;gap:14px;padding:20px;border-radius:var(--radius);background:linear-gradient(150deg,#d6ff4a29,#d6ff4a0a);color:var(--accent)}.callout>svg{flex-shrink:0;margin-top:2px}.callout h2{font-family:var(--display);font-size:1.3rem;font-weight:800;letter-spacing:-.025em;color:var(--text)}.callout p{color:var(--dim);line-height:1.45;margin:6px 0 14px;font-size:.94rem}.secured{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.92rem;color:var(--yes)}.taste-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-top:4px}.taste-title.yes{color:var(--yes)}.taste-title.later{color:var(--later)}.taste-title.no{color:var(--no)}.taste{list-style:none;display:flex;flex-direction:column;gap:8px}.taste li{display:flex;gap:8px;line-height:1.4;font-size:.94rem}.taste li svg{flex-shrink:0;margin-top:4px;color:var(--dim)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#05040899;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .2s ease-out}.sheet{width:100%;max-width:520px;max-height:92dvh;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:22px 18px max(18px,env(safe-area-inset-bottom));border-radius:32px 32px 0 0;background:var(--raised);animation:sheet-up .3s cubic-bezier(.2,.8,.3,1)}.sheet-head{display:flex;justify-content:space-between;gap:12px}.sheet-head h2{font-family:var(--display);font-size:1.7rem;font-weight:800;letter-spacing:-.035em}.sheet-head p{margin-top:4px;font-size:.9rem}.sheet .icon-btn{background:var(--sunken);margin:-4px -4px 0 0}.photo-pick{height:150px;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--sunken) center / cover no-repeat;color:var(--accent);font-weight:700;cursor:pointer}.sheet .btn{width:100%}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}.toaster{position:fixed;left:50%;bottom:calc(var(--nav-h) + 20px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(492px,calc(100% - 28px));display:flex;flex-direction:column;gap:8px;z-index:60;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 10px 14px 18px;border-radius:22px;background:var(--text);color:var(--bg);font-weight:600;font-size:.92rem;line-height:1.35;box-shadow:0 16px 40px #00000080;pointer-events:auto;animation:rise .3s ease-out}.toast span{flex:1}.toast button{font-weight:800;padding:8px 14px;border-radius:999px;background:var(--bg);color:var(--text)}.toast.nag button:not(.toast-close){background:#d6ff4a;color:#0b0a0f}.toast .toast-close{background:none;color:var(--bg);padding:4px 8px;font-size:1.3rem;opacity:.5}