:root{--cream:#fff8f1;--blush:#fcedea;--lavender-mist:#f0ebff;--peach:#ffe5db;--white:#ffffff;--espresso:#211b18;--espresso-soft:#4f4540;--warm-muted:#837772;--cobalt:#345cff;--cobalt-pressed:#2447d9;--coral:#ff765d;--lavender:#a98bff;--butter:#ffd85a;--green:#41b77b;--line:#e9ded7;--ink:#1d1b2a;--bg:var(--cream);--text:var(--espresso);--muted:var(--espresso-soft);--card:var(--white);--radius:26px;--radius-lg:30px;--radius-sm:18px;--radius-pill:999px;--pad:20px;--tap:52px;--lift:0 2px 10px rgba(93,62,48,0.06);--lift-md:0 8px 24px rgba(93,62,48,0.09);--lift-lg:0 16px 44px rgba(93,62,48,0.13);--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter",system-ui,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;-webkit-text-size-adjust:100%}body{min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh}html{height:-webkit-fill-available}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:6px}.ink :focus-visible{outline-color:var(--butter)}.shell{width:100%;max-width:480px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) var(--pad) calc(176px + env(safe-area-inset-bottom));min-height:100vh;min-height:100dvh;position:relative}.shell--flush{padding-bottom:calc(40px + env(safe-area-inset-bottom))}.shell--wide{max-width:560px}.glow{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70% 42% at 8% -6%,var(--peach),transparent 72%),radial-gradient(60% 38% at 100% 4%,var(--lavender-mist),transparent 72%),radial-gradient(80% 40% at 50% 104%,var(--blush),transparent 72%)}.stack{display:flex;flex-direction:column;gap:14px}.stack--tight{gap:8px}.row{display:flex;align-items:center;gap:10px}.row--between{justify-content:space-between}.spacer{flex:1 1}.wordmark{font-weight:900;letter-spacing:-.05em;font-size:28px;text-transform:uppercase;color:var(--espresso)}.wordmark .dot{color:var(--coral)}.h1{font-size:clamp(32px,9vw,44px);line-height:1.02;letter-spacing:-.035em}.h1,.h2{font-weight:800;margin:0}.h2{font-size:25px;line-height:1.12;letter-spacing:-.028em}.h3{font-size:18px;letter-spacing:-.015em;font-weight:700;margin:0}.body{font-size:16px;line-height:1.5}.body,.small{color:var(--espresso-soft);margin:0}.small{font-size:13.5px;line-height:1.45}.eyebrow{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--espresso-soft);font-weight:800;margin:0}.coral,.lime{color:#d1442c}.lavender,.lilac{color:#6b46d6}.cobalt,.cyan{color:var(--cobalt)}.green{color:#2b7d52}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--lift)}.card--flat{padding:0;overflow:hidden}.card--hero{background:linear-gradient(158deg,var(--peach),var(--lavender-mist) 96%);border-color:transparent;box-shadow:var(--lift-md)}.card--blush{background:var(--blush);border-color:transparent}.card--mist{background:var(--lavender-mist);border-color:transparent}.card--butter{background:#fff3cc;border-color:transparent}.card--link{display:block;transition:transform .16s ease,box-shadow .16s ease}.card--link:active{transform:scale(.985);box-shadow:var(--lift)}@media (hover:hover){.card--link:hover{box-shadow:var(--lift-md)}}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:var(--tap);padding:14px 18px;border-radius:var(--radius-pill);border:1px solid transparent;font-size:17px;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn--primary{background:var(--cobalt);color:var(--white);box-shadow:0 6px 18px rgba(52,92,255,.26)}.btn--primary:active:not(:disabled){background:var(--cobalt-pressed)}.btn--secondary{background:var(--white);color:var(--espresso);border-color:var(--line);box-shadow:var(--lift)}.btn--ghost{background:transparent;color:var(--espresso-soft);border-color:transparent;font-weight:700;font-size:15px;min-height:44px;box-shadow:none}.btn--coral,.btn--lilac{background:var(--coral);color:var(--espresso);box-shadow:0 6px 18px rgba(255,118,93,.28)}.btn--lavender{background:var(--lavender);color:var(--espresso);box-shadow:0 6px 18px rgba(169,139,255,.3)}.ink .btn--secondary{background:rgba(255,248,241,.1);color:var(--cream);border-color:rgba(255,248,241,.28);box-shadow:none}.ink .btn--ghost{color:rgba(255,248,241,.76)}.cta-dock{position:fixed;left:0;right:0;bottom:0;padding:14px var(--pad) calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--cream) 58%,rgba(255,248,241,0));z-index:20}.cta-dock--ink,.ink .cta-dock{background:linear-gradient(to top,var(--ink) 58%,rgba(29,27,42,0))}.cta-dock__inner{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{min-height:46px;padding:12px 16px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--white);color:var(--espresso);font-size:15px;font-weight:600;cursor:pointer;transition:transform .14s ease,background-color .14s ease}.chip:active{transform:scale(.96)}.chip[aria-pressed=true]{background:var(--cobalt);border-color:var(--cobalt);color:var(--white)}.chip--alt[aria-pressed=true]{background:var(--lavender);border-color:var(--lavender);color:var(--espresso)}.occasions{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.occasion{position:relative;display:flex;flex-direction:column;gap:2px;min-height:132px;padding:16px;border-radius:var(--radius);border:1px solid transparent;background:var(--white);color:var(--espresso);text-align:left;cursor:pointer;overflow:hidden;box-shadow:var(--lift);transition:transform .18s cubic-bezier(.34,1.4,.64,1),box-shadow .18s ease}.occasion:active{transform:scale(.955)}@media (hover:hover){.occasion:hover{transform:translateY(-2px);box-shadow:var(--lift-md)}}.occasion__icon{width:30px;height:30px;margin-bottom:8px;display:block;color:var(--espresso)}.occasion__label{font-size:17px;font-weight:800;letter-spacing:-.022em;line-height:1.12}.occasion__hint{font-size:12.5px;color:var(--espresso-soft);line-height:1.3}.occasion--coral{background:var(--peach)}.occasion--lavender{background:var(--lavender-mist)}.occasion--blush{background:var(--blush)}.occasion--butter{background:#fff3cc}.occasion--mint{background:#e4f5ea}.occasion[aria-pressed=true]{border-color:var(--cobalt);box-shadow:0 0 0 2px var(--cobalt),var(--lift-md)}.occasion[aria-pressed=true]:after{content:"✓";position:absolute;top:12px;right:12px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--cobalt);color:var(--white);font-size:13px;font-weight:900}@media (min-width:430px){.occasions{grid-template-columns:repeat(3,1fr)}}.more-moments{border:0;padding:0;margin:0}.more-moments>summary{list-style:none;cursor:pointer;min-height:var(--tap);display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--white);color:var(--espresso);font-size:16px;font-weight:700;box-shadow:var(--lift)}.more-moments>summary::-webkit-details-marker{display:none}.more-moments>summary:after{content:"▾";font-size:13px;color:var(--espresso-soft)}.more-moments[open]>summary:after{content:"▴"}.more-moments[open]>summary{margin-bottom:12px}.pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.slot{position:relative;aspect-ratio:3/4;border-radius:var(--radius);border:1px solid var(--line);background:var(--lavender-mist);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding:12px;box-shadow:var(--lift)}.slot--b{background:var(--peach)}.slot--filled{border-color:var(--line);background:var(--white)}.slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slot__tag{position:absolute;top:10px;left:10px;z-index:2;padding:6px 12px;border-radius:var(--radius-pill);background:var(--white);color:var(--espresso);border:1px solid var(--line);font-size:11px;font-weight:900;letter-spacing:.12em;box-shadow:var(--lift)}.slot__actions{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;width:100%}.slot__btn{min-height:44px;border-radius:var(--radius-pill);border:1px solid transparent;background:var(--white);color:var(--espresso);font-size:14.5px;font-weight:700;cursor:pointer;box-shadow:var(--lift);transition:transform .14s ease}.slot__btn:active{transform:scale(.96)}.slot__btn--primary{background:var(--cobalt);color:var(--white)}.slot__redo{position:absolute;z-index:2;bottom:10px;left:50%;transform:translateX(-50%);min-height:40px;padding:9px 16px;border-radius:var(--radius-pill);border:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--espresso);font-size:13.5px;font-weight:700;cursor:pointer}.scores{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:8px;gap:8px}.score{text-align:center;padding:12px 4px;border-radius:var(--radius-sm)}.score__label{font-size:12px;letter-spacing:.2em;font-weight:800;color:var(--espresso-soft)}.score__value{font-size:clamp(50px,17vw,72px);line-height:.92;font-weight:900;letter-spacing:-.05em}.score--win{background:var(--lavender-mist)}.score--win .score__value{color:var(--cobalt)}.badge{display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:var(--radius-pill);background:var(--butter);color:var(--espresso);font-weight:800;font-size:14px}.badge--lavender,.badge--lilac{background:var(--lavender)}.badge--coral{background:var(--coral)}.badge--quiet{background:var(--white);border:1px solid var(--line);color:var(--espresso)}.bullets{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.bullets li{position:relative;padding-left:20px;font-size:15.5px;line-height:1.45}.bullets li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--coral)}.reason{border-radius:var(--radius-sm);background:var(--white);border:1px solid var(--line);font-size:15.5px;font-weight:600;box-shadow:var(--lift)}.reason,.upgrade{padding:14px 16px;line-height:1.4}.upgrade{border-radius:var(--radius-sm);border:1px solid transparent;background:#fff3cc;font-size:15px}.upgrade__label{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#7a5b00;margin-bottom:4px}.safety{font-size:12.5px;color:var(--espresso-soft);text-align:center;line-height:1.45}.ink .body,.ink .safety,.ink .small{color:rgba(255,248,241,.78)}.meter{height:16px;border-radius:var(--radius-pill);background:var(--line);overflow:hidden;display:flex}.meter__a{background:var(--lavender)}.meter__b{background:var(--coral)}.meter-key{display:flex;gap:14px;font-size:12.5px;font-weight:700;color:var(--espresso-soft)}.meter-key span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:baseline}.ink .meter-key{color:rgba(255,248,241,.86)}.meter-key .key--a:before{background:var(--lavender)}.meter-key .key--b:before{background:var(--coral)}.vote-card{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--white);aspect-ratio:3/4;width:100%;padding:0;cursor:pointer;display:block;box-shadow:var(--lift);transition:transform .18s cubic-bezier(.34,1.3,.64,1),box-shadow .18s ease}.vote-card img{width:100%;height:100%;object-fit:cover;display:block}.vote-card:active{transform:scale(.975)}.vote-card[aria-pressed=true]{transform:translateY(-4px);border-color:var(--cobalt);box-shadow:0 0 0 3px var(--cobalt),var(--lift-lg)}.occasion-pill{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:9px 16px;border-radius:var(--radius-pill);background:var(--white);border:1px solid var(--line);font-size:14px;font-weight:800;color:var(--espresso);box-shadow:var(--lift)}.ink{background:var(--ink)}.ink,.ink .h1,.ink .h2,.ink .h3,.ink .wordmark{color:var(--cream)}.ink .eyebrow{color:rgba(255,248,241,.7)}.ink .card{background:rgba(255,248,241,.07);border-color:rgba(255,248,241,.16);box-shadow:none}.ink .meter{background:rgba(255,248,241,.16)}.ink .badge--quiet{background:transparent;border-color:rgba(255,248,241,.3);color:var(--cream)}.reveal-label{margin:0;font-size:clamp(38px,12vw,60px);line-height:.98;letter-spacing:-.045em;font-weight:900;text-transform:uppercase}.reveal-label--sweep{color:var(--butter)}.reveal-label--twist{color:var(--coral)}.reveal-label--crew{color:var(--lavender)}.reveal-label--quiet{color:var(--cream);font-size:clamp(30px,9vw,44px)}.versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:10px;gap:10px}.versus__side{text-align:center}.versus__who{margin:0 0 4px;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;opacity:.75}.versus__pick{margin:0;font-size:clamp(40px,13vw,56px);line-height:1;font-weight:900;letter-spacing:-.04em}.versus__detail{margin:4px 0 0;font-size:13.5px;font-weight:700;opacity:.8}.versus__vs{font-size:12px;font-weight:900;letter-spacing:.16em;opacity:.6}.versus__side--crew .versus__pick{color:var(--lavender)}.versus__side--ai .versus__pick{color:var(--butter)}.twist{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.twist__block{display:flex;flex-direction:column;justify-content:center;border-radius:var(--radius);padding:20px 16px;text-align:center;color:var(--espresso)}.twist__block--crew{background:var(--lavender)}.twist__block--ai{background:var(--coral)}.twist__who{margin:0;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.twist__pick{margin:6px 0 0;font-size:clamp(44px,15vw,64px);line-height:1;font-weight:900;letter-spacing:-.04em}.twist__detail{margin:4px 0 0;font-size:14px;font-weight:700}.reveal-in{animation:reveal-in .45s cubic-bezier(.22,1,.36,1) both}@keyframes reveal-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.twist__block--crew{animation:twist-left .5s cubic-bezier(.22,1,.36,1) both}.twist__block--ai{animation:twist-right .5s cubic-bezier(.22,1,.36,1) .08s both}@keyframes twist-left{0%{opacity:0;transform:translateX(-14px) rotate(-2deg)}to{opacity:1;transform:none}}@keyframes twist-right{0%{opacity:0;transform:translateX(14px) rotate(2deg)}to{opacity:1;transform:none}}.starburst{position:relative;width:100%;height:40px;pointer-events:none}.starburst span{position:absolute;left:50%;top:50%;width:3px;height:16px;border-radius:2px;background:var(--butter);transform-origin:50% 50%;animation:burst .6s cubic-bezier(.22,1,.36,1) both}.starburst span:first-child{transform:rotate(0deg) translateY(-22px)}.starburst span:nth-child(2){transform:rotate(60deg) translateY(-22px);background:var(--coral)}.starburst span:nth-child(3){transform:rotate(120deg) translateY(-22px);background:var(--lavender)}.starburst span:nth-child(4){transform:rotate(180deg) translateY(-22px)}.starburst span:nth-child(5){transform:rotate(240deg) translateY(-22px);background:var(--coral)}.starburst span:nth-child(6){transform:rotate(300deg) translateY(-22px);background:var(--lavender)}@keyframes burst{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}.divider{height:1px;background:var(--line);border:0;margin:6px 0}.ink .divider{background:rgba(255,248,241,.18)}.field{width:100%;min-height:var(--tap);padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--white);color:var(--espresso);font-size:16px;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field:focus{border-color:var(--cobalt)}textarea.field{min-height:88px;resize:vertical;line-height:1.4}.link-field{font-size:16px;white-space:nowrap;overflow-x:auto;text-overflow:ellipsis;-webkit-user-select:all;-moz-user-select:all;user-select:all}.field::placeholder{color:var(--warm-muted)}.checkbox{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--white);cursor:pointer;font-size:15.5px;min-height:var(--tap);box-shadow:var(--lift)}.checkbox input{width:22px;height:22px;accent-color:var(--cobalt);flex:none}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--white);cursor:pointer;min-height:var(--tap)}.toggle input{width:22px;height:22px;accent-color:var(--cobalt);flex:none}.notice{border-radius:var(--radius-sm);border:1px solid transparent;background:var(--lavender-mist);padding:13px 15px;font-size:14.5px;line-height:1.45}.notice--warn{background:var(--peach)}.footer-links{display:flex;gap:14px;align-items:center;justify-content:center;font-size:13px;color:var(--espresso-soft)}.footer-links a{min-height:44px;display:inline-flex;align-items:center}.locked{opacity:.72}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.thinking{position:relative;width:132px;height:168px;margin:0 auto}.thinking__card{position:absolute;inset:0;border-radius:var(--radius-sm);border:1px solid var(--line);box-shadow:var(--lift-md);display:grid;place-items:center;font-size:34px;font-weight:900;color:var(--espresso);letter-spacing:-.04em}.thinking__card--a{background:var(--lavender-mist);animation:shuffle-a 2s ease-in-out infinite}.thinking__card--b{background:var(--peach);animation:shuffle-b 2s ease-in-out infinite}@keyframes shuffle-a{0%,to{transform:translateX(-10px) rotate(-5deg);z-index:2}50%{transform:translateX(10px) rotate(5deg);z-index:1}}@keyframes shuffle-b{0%,to{transform:translateX(10px) rotate(5deg);z-index:1}50%{transform:translateX(-10px) rotate(-5deg);z-index:2}}.spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--cobalt);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.center-screen{min-height:60dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.swipe{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(var(--pad) * -1);padding:4px var(--pad) 8px}.swipe::-webkit-scrollbar{display:none}.swipe>*{scroll-snap-align:center;flex:0 0 82%}.blur-preview{filter:blur(18px) saturate(1.2);transform:scale(1.06)}.btn,.chip,.more-moments>summary,.occasion,.rating__star,.slot__btn,.slot__redo,.vote-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation}.shell,body{overflow-x:hidden}.body,.h1,.h2,.h3,.notice,.reason,.reveal-label,.small,.upgrade{overflow-wrap:anywhere}.fit-photo{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius);display:block;background:var(--blush);border:1px solid var(--line)}.fit-photo--win{border-color:var(--cobalt);box-shadow:0 0 0 2px var(--cobalt)}.photo-tag{display:block;margin-top:6px;font-size:12.5px;font-weight:800;letter-spacing:.02em;text-align:center;color:var(--espresso-soft)}.share-card-preview{width:100%;max-width:320px;margin:0 auto;border-radius:var(--radius-sm);display:block;border:1px solid var(--line);box-shadow:var(--lift-md)}.rating{display:flex;gap:6px}.rating__star{flex:1 1;min-height:var(--tap);font-size:26px;line-height:1;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--white);color:var(--line);cursor:pointer;transition:transform .12s ease}.rating__star:active{transform:scale(.94)}.rating__star[aria-pressed=true]{color:var(--butter);border-color:var(--butter);background:#fff9e6}.in-app-browser .cta-dock{padding-bottom:calc(26px + env(safe-area-inset-bottom))}.in-app-browser .shell{padding-bottom:calc(196px + env(safe-area-inset-bottom))}@media (max-height:480px) and (orientation:landscape){.cta-dock{position:static;background:none;padding:12px var(--pad) 24px}.shell{padding-bottom:24px}}.bullet-detail{display:block;margin-top:3px;font-size:13.5px;line-height:1.4;color:var(--espresso-soft)}.value-card{display:flex;gap:14px;align-items:flex-start;border-radius:var(--radius-sm);background:var(--white);border:1px solid var(--line);padding:15px 16px;box-shadow:var(--lift)}.value-card__mark{flex:0 0 auto;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-size:15px;font-weight:900;color:var(--espresso);background:var(--peach)}.value-card:nth-child(2n) .value-card__mark{background:var(--lavender-mist)}.value-card:nth-child(3n) .value-card__mark{background:#fff3cc}.plan-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.plan{border-radius:var(--radius);padding:16px;border:1px solid var(--line);background:var(--white);box-shadow:var(--lift)}.plan--plus{background:linear-gradient(158deg,var(--peach),var(--lavender-mist) 96%);border-color:transparent;box-shadow:var(--lift-md)}.plan__name{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--espresso-soft)}.plan__what{margin:6px 0 0;font-size:15.5px;font-weight:700;line-height:1.3}.mock{position:relative;border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--line);padding:16px;box-shadow:var(--lift-lg)}.mock__pair{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.mock__look{position:relative;aspect-ratio:3/4;border-radius:var(--radius-sm);overflow:hidden}.mock__look--a{background:linear-gradient(150deg,#e5dcff,#a98bff 78%,#7f61e0)}.mock__look--b{background:linear-gradient(150deg,#ffe0d0,#ff765d 78%,#e2523a)}.mock__look:after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,rgba(255,255,255,.34),rgba(255,255,255,0) 42%,rgba(255,255,255,0) 62%,rgba(255,255,255,.2))}.mock__letter{position:absolute;z-index:2;left:10px;top:10px;width:32px;height:32px;border-radius:11px;display:grid;place-items:center;font-size:15px;font-weight:900;box-shadow:var(--lift)}.mock__chip,.mock__letter{background:var(--white);color:var(--espresso)}.mock__chip{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-pill);border:1px solid var(--line);box-shadow:var(--lift-md);font-size:13px;font-weight:800;white-space:nowrap}.mock__chip--vote{left:-10px;bottom:18%;background:var(--cobalt);border-color:transparent;color:var(--white)}.mock__chip--reveal{right:-10px;bottom:4%;background:var(--butter);border-color:transparent}.mock__caption{margin:16px 0 0;font-size:13px;font-weight:700;color:var(--espresso-soft);text-align:center}.steps{display:grid;grid-gap:10px;gap:10px}.step{display:flex;align-items:center;gap:14px;border-radius:var(--radius-sm);padding:14px 16px;background:var(--white);border:1px solid var(--line);box-shadow:var(--lift)}.step__no{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:900;color:var(--espresso)}.step:first-child .step__no{background:var(--peach)}.step:nth-child(2) .step__no{background:var(--lavender-mist)}.step:nth-child(3) .step__no{background:#fff3cc}.step__what{margin:0;font-size:16px;font-weight:700;letter-spacing:-.015em}.step__why{margin:2px 0 0;font-size:13px;color:var(--espresso-soft);line-height:1.35}.onboard{flex-direction:column;gap:18px;min-height:58dvh}.dots,.onboard{display:flex;justify-content:center}.dots{gap:8px}.dots span{width:8px;height:8px;border-radius:50%;background:var(--line)}.dots .dots__on{width:26px;border-radius:var(--radius-pill);background:var(--cobalt)}.duo{position:relative;height:190px}.duo__card{position:absolute;top:0;width:132px;height:176px;border-radius:var(--radius-sm);display:grid;place-items:center;font-size:40px;font-weight:900;letter-spacing:-.05em;color:var(--espresso);box-shadow:var(--lift-md)}.duo__card--a{left:calc(50% - 122px);background:linear-gradient(150deg,#efe9ff,var(--lavender));transform:rotate(-7deg)}.duo__card--b{left:calc(50% - 10px);background:linear-gradient(150deg,#ffe9e2,var(--coral));transform:rotate(7deg)}.bubbles{display:flex;flex-direction:column;gap:10px;padding:4px 0}.bubble{align-self:flex-start;max-width:78%;padding:12px 16px;border-radius:20px 20px 20px 6px;background:var(--white);border:1px solid var(--line);font-size:15px;font-weight:700;box-shadow:var(--lift)}.bubble--mine{align-self:flex-end;border-radius:20px 20px 6px 20px;background:var(--cobalt);border-color:transparent;color:var(--white)}.shell--tabbed{padding-bottom:calc(124px + env(safe-area-inset-bottom))}.greeting{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--espresso-soft)}.avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-pill);border:1px solid var(--line);background:linear-gradient(150deg,var(--peach),var(--lavender-mist));color:var(--espresso);font-weight:800;font-size:16px;flex:0 0 auto;box-shadow:var(--lift)}.swipe--cards>*{flex:0 0 72%;max-width:260px;scroll-snap-align:start}.wall-card{display:block;border-radius:var(--radius);border:1px solid var(--line);background:var(--white);overflow:hidden;color:var(--espresso);box-shadow:var(--lift);transition:transform .16s ease,box-shadow .16s ease}.wall-card:active{transform:scale(.98)}@media (hover:hover){.wall-card:hover{box-shadow:var(--lift-md)}}.wall-card__looks{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-gap:2px;gap:2px;background:var(--line)}.wall-card__photo{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;background:var(--blush)}.wall-card__outcome{position:absolute;left:10px;bottom:10px;padding:6px 12px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:800;letter-spacing:.01em;background:var(--white);color:var(--espresso);box-shadow:var(--lift-md)}.outcome--clean-sweep{background:var(--butter)}.outcome--plot-twist{background:var(--coral)}.outcome--crew-favorite{background:var(--lavender)}.outcome--ai-called-it{background:var(--white)}.wall-card__meta{padding:13px 15px 15px}.wall-card__occasion{margin:0;font-size:16.5px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.wall-card__winner{margin:3px 0 0;font-size:12.5px;color:var(--espresso-soft);line-height:1.3}.wall-card__votes{margin:7px 0 0;font-size:12.5px;font-weight:800;color:var(--cobalt)}.wall-empty{border-style:solid}.progress{display:flex;align-items:center;gap:6px;margin-top:6px}.progress__pip{height:8px;flex:1 1;border-radius:var(--radius-pill);background:var(--line)}.progress__pip--on{background:var(--coral)}.progress__count{font-size:12.5px;font-weight:800;color:var(--espresso-soft);flex:0 0 auto;margin-left:4px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:8px var(--pad) calc(8px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--cream) 58%,rgba(255,248,241,0));pointer-events:none}.tabbar__inner{max-width:480px;margin:0 auto;justify-content:space-around;gap:4px;padding:7px 10px;border-radius:var(--radius-pill);border:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--lift-md);pointer-events:auto}.tabbar__inner,.tabbar__tab{display:flex;align-items:center}.tabbar__tab{flex-direction:column;gap:3px;min-width:56px;min-height:46px;justify-content:center;color:var(--espresso-soft);font-size:10.5px;font-weight:700}.tabbar__tab--on{color:var(--cobalt)}.tabbar__icon{width:20px;height:20px;display:block}.tabbar__label{line-height:1}.tabbar__pick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:72px;min-height:56px;margin-top:-18px;padding:8px 16px;border-radius:var(--radius-pill);background:var(--cobalt);color:var(--white);font-weight:800;box-shadow:0 8px 20px rgba(52,92,255,.34);transition:transform .14s ease}.tabbar__pick:active{transform:scale(.95)}.tabbar__pick-plus{width:18px;height:18px;display:block}.tabbar__pick-label{font-size:10.5px;line-height:1}.skeleton{display:block;border-radius:var(--radius-sm);background:linear-gradient(100deg,var(--peach) 30%,rgba(255,255,255,.9) 50%,var(--peach) 70%);background-size:220% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton--line{height:14px}.skeleton--title{height:34px;width:85%}.skeleton--tile{min-height:132px;border-radius:var(--radius)}.skeleton--card{height:150px;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:180% 0}to{background-position:-40% 0}}.kv{margin:4px 0 0;flex-direction:column;gap:6px}.kv,.kv>div{display:flex}.kv>div{justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding-bottom:6px}.kv>div:last-child{border-bottom:0;padding-bottom:0}.kv dt{font-size:13px;color:var(--espresso-soft)}.kv dd{margin:0;font-size:15px;font-weight:700;text-align:right}.feed{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.feed li{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;border-bottom:1px solid var(--line);padding-bottom:8px}.feed li:last-child{border-bottom:0;padding-bottom:0}.feed__what{font-weight:600;overflow-wrap:anywhere}.feed__when{color:var(--espresso-soft);white-space:nowrap;font-size:12px}.notice strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;letter-spacing:.12em;color:var(--cobalt)}select.field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--espresso-soft) 50%),linear-gradient(135deg,var(--espresso-soft) 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.brand{display:flex;align-items:center;gap:10px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.thinking__card--a{transform:translateX(-10px) rotate(-5deg)}.thinking__card--b{transform:translateX(10px) rotate(5deg)}}