@font-face{font-family:"Inter";src:url("fonts/inter-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{
  --bg:#120A14; --bg2:#1B0F1F; --plum:#2A1631; --surface:rgba(255,255,255,.045); --surface2:rgba(255,255,255,.07);
  --line:rgba(255,255,255,.09); --text:#F6EEF2; --muted:#B9A6BC; --dim:#8A7690;
  --rose:#F2A898; --coral:#EE8A7E; --berry:#D9668C;
  --grad:linear-gradient(135deg,#F6B8A8 0%,#EE8A7E 50%,#D9668C 100%);
  --into:#EE8A7E; --curious:#C9A0F0; --no:#8A7690; --limit:#E05A6A;
  --r-lg:24px; --r-md:18px; --r-sm:12px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:"Inter",system-ui,-apple-system,sans-serif;background:#0B070C;color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01";display:flex;align-items:center;justify-content:center}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
svg{display:block}

.device{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;
  background:radial-gradient(120% 70% at 50% 0%,#24122A 0%,var(--bg) 55%,#0E0810 100%)}
@media (min-width:520px){
  body{background:radial-gradient(circle at 50% 30%,#2a2230,#121014)}
  .device{width:390px;height:844px;border-radius:52px;box-shadow:0 0 0 11px #1c1a1f,0 0 0 12px #333,0 40px 80px rgba(0,0,0,.6)}
}

/* status bar + home indicator */
.statusbar{position:absolute;inset:0 0 auto 0;height:50px;padding:0 30px 0 38px;display:flex;align-items:center;justify-content:space-between;z-index:30;pointer-events:none;font-weight:600;font-size:16px;letter-spacing:-.2px}
.sb-icons{display:flex;gap:6px;align-items:center}
.home-ind{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:134px;height:5px;border-radius:3px;background:rgba(255,255,255,.85);z-index:30;pointer-events:none}

/* screens */
.screen{position:absolute;inset:0;display:flex;flex-direction:column;padding:50px 0 34px;opacity:0;visibility:hidden;transform:translateX(24px);transition:opacity .35s ease,transform .35s ease,visibility 0s .35s}
.screen.active{opacity:1;visibility:visible;transform:none;transition:opacity .35s ease,transform .35s ease}
.screen.scroll{overflow-y:auto;scrollbar-width:none}
.screen.scroll::-webkit-scrollbar{display:none}
.content{flex:1;padding:8px 24px 0;display:flex;flex-direction:column}
.content.center{align-items:center;text-align:center}
.foot{padding:12px 24px 10px;display:flex;flex-direction:column;gap:10px}

.topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 16px 6px;min-height:52px}
.topbar.sticky{position:sticky;top:-50px;z-index:5}
.topbar-title{font-weight:600;font-size:16px;letter-spacing:-.2px}
.icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line)}
.icon-btn.ghost{background:none;border:0}
.icon-btn svg{width:20px;height:20px}

.h1{font-size:34px;font-weight:700;letter-spacing:-1px;line-height:1.1}
.h2{font-size:28px;font-weight:700;letter-spacing:-.8px;line-height:1.15;margin-top:8px}
.sub{color:var(--muted);font-size:15.5px;line-height:1.5;margin-top:8px}
.sub.tight{margin-top:0}
.sub.lead{font-size:17px;max-width:280px;margin-top:10px}

/* buttons */
.btn{height:56px;border-radius:18px;font-weight:600;font-size:17px;letter-spacing:-.2px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:transform .15s,opacity .2s,box-shadow .2s}
.btn:active{transform:scale(.98)}
.btn svg{width:20px;height:20px}
.btn-primary{background:var(--grad);color:#2A0F1E;box-shadow:0 10px 30px -10px rgba(238,138,126,.7),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-primary:disabled{opacity:.35;box-shadow:none;cursor:not-allowed}
.btn-secondary{background:var(--surface2);border:1px solid var(--line);backdrop-filter:blur(12px)}
.btn-ghost{height:48px;color:var(--muted);font-weight:500;font-size:15.5px}
.btn-danger{background:#E05A6A;color:#fff}

/* glows */
.glow{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}
.g1{width:320px;height:320px;background:#8E2D5E;opacity:.45;top:90px;left:-120px}
.g2{width:300px;height:300px;background:#E0806E;opacity:.28;top:220px;right:-140px}
.g3{width:360px;height:360px;background:#7A2A5A;opacity:.35;top:120px;left:15px}

/* 1 landing */
.s-landing{padding-bottom:40px}
.landing-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 32px;position:relative}
.logo-xl{width:132px;height:86px;filter:drop-shadow(0 12px 30px rgba(238,138,126,.35));margin-bottom:26px}
.wordmark{font-size:46px;font-weight:700;letter-spacing:-1.8px}
.tagline{font-size:21px;font-weight:600;letter-spacing:-.4px;margin-top:6px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.value{color:var(--muted);font-size:16px;line-height:1.55;margin-top:18px;max-width:290px}
.landing-foot{padding:0 24px;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}
.landing-foot .btn-ghost{margin-top:2px}
.trust{list-style:none;display:flex;gap:8px;margin-top:10px}
.trust li{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted);padding:7px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.trust svg{width:14px;height:14px;color:var(--rose)}
.fineprint{font-size:12px;color:var(--dim);margin-top:12px}

/* 2 consent */
.promises{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:10px}
.promises li{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}
.p-ic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(238,138,126,.12);color:var(--rose)}
.p-ic svg{width:20px;height:20px}
.promises b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.2px}
.promises span{display:block;color:var(--muted);font-size:14px;line-height:1.45;margin-top:3px}
.check{display:flex;gap:12px;align-items:flex-start;margin-top:auto;padding:16px 4px 4px;cursor:pointer}
.check input{position:absolute;opacity:0;pointer-events:none}
.check .box{flex:none;width:24px;height:24px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;margin-top:1px;transition:.2s}
.check .box svg{width:16px;height:16px;color:#2A0F1E;opacity:0;transform:scale(.6);transition:.2s}
.check input:checked + .box{background:var(--grad);border-color:transparent}
.check input:checked + .box svg{opacity:1;transform:none}
.check-text{font-size:14.5px;line-height:1.45;color:var(--text)}
.check-text u{text-decoration-color:rgba(242,168,152,.6);text-underline-offset:2px;color:var(--rose)}

/* 3 invite */
.s-invite .content{padding-top:0;gap:14px}
.qr-card{position:relative;width:228px;height:228px;padding:18px;border-radius:28px;background:#FBF4F2;box-shadow:0 20px 50px -18px rgba(238,138,126,.55),0 0 0 6px rgba(255,255,255,.04);margin-top:6px}
.qr svg{width:100%;height:100%}
.qr-logo{position:absolute;left:50%;top:50%;width:54px;height:40px;transform:translate(-50%,-50%);background:#1B0F1F;border-radius:12px;display:grid;place-items:center;box-shadow:0 0 0 5px #FBF4F2}
.qr-logo svg{width:40px;height:26px}
.link-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:6px 6px 6px 16px;height:54px;border-radius:16px;background:var(--surface);border:1px solid var(--line);margin-top:4px}
.link-text{font-size:15px;color:var(--muted);letter-spacing:-.1px}
.link-text b{color:var(--text);font-weight:600}
.copy-btn{display:flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:12px;background:rgba(238,138,126,.14);color:var(--rose);font-weight:600;font-size:14px}
.copy-btn svg{width:17px;height:17px}
.s-invite .btn-secondary{height:52px}
.waiting-pill{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--text);padding:10px 16px;border-radius:999px;background:rgba(201,160,240,.08);border:1px solid rgba(201,160,240,.18);margin-top:2px}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--curious);box-shadow:0 0 0 0 rgba(201,160,240,.6);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(201,160,240,.55)}70%{box-shadow:0 0 0 10px rgba(201,160,240,0)}100%{box-shadow:0 0 0 0 rgba(201,160,240,0)}}
.expiry{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--dim)}
.expiry svg{width:15px;height:15px}
.expiry b{color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums}

/* 4 quiz */
.quiz-top{padding:6px 16px 0}
.quiz-row{display:flex;align-items:center;justify-content:space-between;min-height:52px}
.quiz-count{font-size:15px;color:var(--muted)}
.quiz-count b{color:var(--text);font-weight:600}
.skip{font-size:15px;color:var(--muted);font-weight:500;width:40px;text-align:right}
.progress{height:6px;border-radius:3px;background:rgba(255,255,255,.08);margin:8px 8px 0;overflow:hidden}
.progress-fill{height:100%;width:33%;border-radius:3px;background:var(--grad);transition:width .4s ease}
.cat-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px}
.cat-chip{font-size:12.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--rose);padding:7px 12px;border-radius:999px;background:rgba(238,138,126,.1);border:1px solid rgba(238,138,126,.22)}
.cat-steps{display:flex;gap:6px}
.cat-steps i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.14)}
.cat-steps i.on{background:var(--rose)}
.cat-steps i.done{background:rgba(242,168,152,.45)}
.q-card{margin-top:16px;padding:28px 24px 30px;border-radius:var(--r-lg);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);box-shadow:0 30px 60px -30px rgba(0,0,0,.6);position:relative;overflow:hidden;transition:opacity .25s,transform .25s}
.q-card::after{content:"";position:absolute;right:-50px;top:-50px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(238,138,126,.28),transparent 70%)}
.q-card.out{opacity:0;transform:translateX(-30px)}
.q-kicker{font-size:14px;color:var(--muted)}
.q-title{font-size:30px;font-weight:700;letter-spacing:-.9px;line-height:1.15;margin-top:10px}
.q-desc{font-size:15px;color:var(--muted);line-height:1.5;margin-top:10px}
.answers{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.ans{display:flex;align-items:center;gap:14px;height:58px;padding:0 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);text-align:left;transition:.18s}
.ans .dot{width:12px;height:12px;border-radius:50%;flex:none}
.ans-l{font-size:16px;font-weight:600;flex:1;letter-spacing:-.2px}
.ans-k{font-size:13px;color:var(--dim)}
.a-into .dot{background:var(--into);box-shadow:0 0 12px var(--into)}
.a-curious .dot{background:var(--curious);box-shadow:0 0 12px rgba(201,160,240,.7)}
.a-no .dot{background:transparent;border:2px solid var(--no)}
.a-limit .dot{background:transparent;border:2px solid var(--limit);position:relative}
.a-limit .dot::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;background:var(--limit);transform:translate(-50%,-50%) rotate(-45deg)}
.ans:hover{background:var(--surface2)}
.ans.sel{border-color:currentColor}
.a-into.sel{background:rgba(238,138,126,.14);border-color:rgba(238,138,126,.6)}
.a-curious.sel{background:rgba(201,160,240,.12);border-color:rgba(201,160,240,.55)}
.a-no.sel{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3)}
.a-limit.sel{background:rgba(224,90,106,.12);border-color:rgba(224,90,106,.55)}
.private-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;color:var(--dim);padding:10px 24px 12px}
.private-note svg{width:14px;height:14px;color:var(--rose)}

/* 5 waiting */
.wait-body{justify-content:center;position:relative;padding-top:0}
.orbit{position:relative;width:220px;height:150px;margin-bottom:28px}
.orb{position:absolute;top:15px;width:120px;height:120px;border-radius:50%;border:2px solid rgba(243,230,236,.75)}
.o-left{left:10px;animation:driftL 3.2s ease-in-out infinite;background:radial-gradient(circle at 70% 50%,rgba(238,138,126,.18),transparent 70%)}
.o-right{right:10px;animation:driftR 3.2s ease-in-out infinite;background:radial-gradient(circle at 30% 50%,rgba(217,102,140,.18),transparent 70%)}
.orb-ring{position:absolute;left:50%;top:50%;width:46px;height:78px;transform:translate(-50%,-50%);border-radius:50%;background:var(--grad);filter:blur(10px);opacity:.75;animation:glowP 3.2s ease-in-out infinite}
@keyframes driftL{0%,100%{transform:translateX(0)}50%{transform:translateX(14px)}}
@keyframes driftR{0%,100%{transform:translateX(0)}50%{transform:translateX(-14px)}}
@keyframes glowP{0%,100%{opacity:.45;width:40px}50%{opacity:.9;width:62px}}
.status-card{width:100%;margin-top:30px;padding:6px 18px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);backdrop-filter:blur(14px)}
.st-row{display:flex;align-items:center;gap:12px;height:62px}
.st-div{height:1px;background:var(--line)}
.st-av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}
.st-av.you{background:var(--grad);color:#2A0F1E}
.st-av.them{background:rgba(201,160,240,.15);color:var(--curious);border:1px dashed rgba(201,160,240,.5);font-size:15px}
.st-name{flex:1;text-align:left;font-weight:600;font-size:15.5px}
.st-state{display:flex;align-items:center;gap:6px;font-size:14px}
.st-state svg{width:16px;height:16px}
.st-state.done{color:#9FDDB5}
.st-state.live{color:var(--curious)}
.st-state.live i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:blink 1.2s infinite}
.st-state.live i:nth-child(2){animation-delay:.2s}.st-state.live i:nth-child(3){animation-delay:.4s;margin-right:4px}
@keyframes blink{0%,100%{opacity:.25}50%{opacity:1}}
.s-waiting .expiry{margin-top:18px}
.demo-link{font-size:13px;color:var(--dim);padding:6px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.2)}

/* 6 result */
.s-result{padding-bottom:0}
.s-result .topbar{background:linear-gradient(var(--bg) 70%,transparent)}
.timer-chip{display:flex;align-items:center;gap:5px;height:32px;padding:0 11px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:13px;color:var(--muted);font-weight:600}
.timer-chip svg{width:14px;height:14px}
.s-result .content{padding-bottom:40px}
.score{position:relative;width:208px;height:208px;margin:4px auto 0}
.ring{width:100%;height:100%;transform:rotate(-90deg)}
.ring-bg{fill:none;stroke:rgba(255,255,255,.07);stroke-width:12}
.ring-fg{fill:none;stroke:url(#g-ring);stroke-width:12;stroke-linecap:round;stroke-dasharray:553;stroke-dashoffset:553;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 8px rgba(238,138,126,.45))}
.score-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.score-logo{width:46px;height:30px;margin-bottom:4px;opacity:.95}
.pct{font-size:56px;font-weight:700;letter-spacing:-2.5px;line-height:1}
.pct small{font-size:26px;font-weight:600;letter-spacing:0;margin-left:2px;color:var(--rose)}
.pct-label{font-size:13px;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);margin-top:6px}
.score-sub{text-align:center;color:var(--muted);font-size:15px;margin-top:14px}
.score-sub b{color:var(--text)}
.section{margin-top:24px}
.sec-h{display:flex;align-items:center;gap:9px;font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);font-weight:600}
.sw{width:9px;height:9px;border-radius:50%}
.sw-into{background:var(--into);box-shadow:0 0 10px var(--into)}
.sw-cur{background:var(--curious);box-shadow:0 0 10px rgba(201,160,240,.7)}
.sw-lim{border:2px solid var(--limit)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chip{font-size:14.5px;font-weight:500;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}
.chip.into{background:rgba(238,138,126,.12);border-color:rgba(238,138,126,.35);color:#FAD3CA}
.chip.cur{background:rgba(201,160,240,.1);border-color:rgba(201,160,240,.3);color:#E4D2F7}
.bound-card{display:flex;gap:14px;margin-top:12px;padding:16px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}
.bc-ic{flex:none;width:24px;height:24px;color:var(--limit);margin-top:1px}
.bound-card p{font-size:14.5px;line-height:1.5}
.bound-card p.muted{color:var(--muted);font-size:13.5px;margin-top:6px}
.upsell{margin-top:26px;padding:20px;border-radius:var(--r-lg);position:relative;overflow:hidden;
  background:linear-gradient(150deg,rgba(238,138,126,.16),rgba(217,102,140,.08) 50%,rgba(255,255,255,.03));border:1px solid rgba(238,138,126,.3)}
.up-head{display:flex;gap:14px;align-items:center}
.up-lock{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--grad);color:#2A0F1E;flex:none}
.up-lock svg{width:22px;height:22px}
.up-head h3{font-size:19px;font-weight:700;letter-spacing:-.4px}
.up-head p{font-size:14px;color:var(--muted);margin-top:2px}
.blur-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;filter:blur(5px);opacity:.7;user-select:none}
.chip.ghost{background:rgba(255,255,255,.08)}
.up-preview{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;margin-top:8px;font-weight:600;font-size:15px;color:var(--rose)}
.up-preview svg{width:18px;height:18px}
.up-fine{text-align:center;font-size:12.5px;color:var(--dim)}
.delete-link{display:flex;align-items:center;justify-content:center;gap:7px;margin:22px auto 0;font-size:14.5px;color:#E88A95;padding:10px}
.delete-link svg{width:17px;height:17px}

/* 7 starters */
.s-starters .content{padding-bottom:8px}
.badge{align-self:flex-start;display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--rose);padding:6px 11px;border-radius:999px;background:rgba(238,138,126,.1);border:1px solid rgba(238,138,126,.25);margin-top:4px}
.badge svg{width:14px;height:14px}
.prompts{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:20px}
.prompts li{display:flex;gap:14px;padding:16px;border-radius:var(--r-md);background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border:1px solid var(--line)}
.pn{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#2A0F1E;background:var(--grad)}
.prompts p{font-size:15.5px;line-height:1.5;letter-spacing:-.1px}
.prompts em{font-style:normal;color:var(--rose);font-weight:600}
.tip{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:14px 16px;border-radius:var(--r-md);border:1px dashed rgba(159,221,181,.35);background:rgba(159,221,181,.05)}
.tip svg{width:20px;height:20px;color:#9FDDB5;flex:none;margin-top:1px}
.tip p{font-size:13.5px;line-height:1.5;color:var(--muted)}

/* sheet + toast */
.sheet-backdrop{position:absolute;inset:0;z-index:40;background:rgba(5,2,6,.6);backdrop-filter:blur(4px);display:flex;align-items:flex-end;opacity:0;visibility:hidden;transition:.3s}
.sheet-backdrop.open{opacity:1;visibility:visible}
.sheet{width:100%;padding:12px 24px 40px;border-radius:30px 30px 0 0;background:#1E1223;border-top:1px solid var(--line);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translateY(40px);transition:.3s}
.sheet-backdrop.open .sheet{transform:none}
.grabber{width:40px;height:5px;border-radius:3px;background:rgba(255,255,255,.2);margin-bottom:14px}
.sheet-ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(224,90,106,.14);color:#F08A96}
.sheet-ic svg{width:24px;height:24px}
.sheet h3{font-size:21px;font-weight:700;margin-top:6px}
.sheet p{color:var(--muted);font-size:15px;line-height:1.5;margin-bottom:12px;max-width:300px}
.toast{position:absolute;left:50%;bottom:110px;transform:translate(-50%,20px);padding:11px 18px;border-radius:999px;background:#F6EEF2;color:#1B0F1F;font-weight:600;font-size:14px;opacity:0;transition:.3s;z-index:50;pointer-events:none}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
html.shot *{animation-play-state:paused!important;transition:none!important}

/* --- review fixes --- */
.scroller{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(transparent 0,#000 14px,#000 calc(100% - 18px),transparent)}
.scroller::-webkit-scrollbar{display:none}
.s-result .topbar{background:none}
.s-result .content{padding-top:4px;padding-bottom:28px}
.s-starters .foot{padding-top:10px}
.trust{gap:6px}
.trust li{white-space:nowrap;padding:7px 10px;font-size:12px}
.value{max-width:300px}
.p-ic{background:rgba(238,138,126,.16)}
.s-invite .content{gap:16px}
.qr-card{width:252px;height:252px;padding:20px;margin-top:10px}
.qr-logo{width:58px;height:42px}
.s-invite .foot{padding-top:0}
.q-card{padding:32px 24px 34px;margin-top:20px}
.q-title{font-size:32px}
.answers{gap:12px;margin-top:22px}
.ans{height:64px}
.blur-chips{opacity:.9;filter:blur(4px)}
.blur-chips .chip{background:rgba(255,255,255,.12);color:#F3E6EC}
.prompts li{padding:15px 16px}
.prompts{gap:9px;margin-top:18px}
.prompts li{padding:14px 16px}
.prompts p{font-size:15px}
.s-starters .h2{font-size:27px}
.tip{margin-top:12px;padding:12px 14px}
.prev-q{display:flex;align-items:center;gap:4px;align-self:center;margin-top:18px;font-size:14px;color:var(--dim);padding:8px}
.prev-q svg{width:16px;height:16px}
.prev-q:disabled{opacity:.35}

/* ===== v2: intensity tiers, question bank ===== */
:root{--x:#FF5E8A;--x2:#B24BF3;--xgrad:linear-gradient(135deg,#FF7A8A 0%,#E0457B 50%,#9B3FE0 100%);--warn:#F4C27A}
[hidden]{display:none!important}
.btn-extreme{background:var(--xgrad);color:#fff;box-shadow:0 10px 30px -10px rgba(224,69,123,.75),inset 0 1px 0 rgba(255,255,255,.25)}

/* consent: 5 promises */
.promises{margin-top:18px;gap:8px}
.promises li{padding:12px 14px;gap:12px}
.promises span{font-size:13.5px;margin-top:2px}
.p-ic{width:34px;height:34px;border-radius:11px}
.p-ic svg{width:18px;height:18px}
.s-consent .h2{margin-top:2px}
.s-consent .check{padding-top:12px}

/* intensity screen */
.s-intensity .h2{margin-top:2px}
.tiers{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.tier-card{display:flex;align-items:center;gap:14px;text-align:left;padding:16px 16px 16px 14px;border-radius:20px;background:var(--surface);border:1.5px solid var(--line);transition:.2s}
.tier-card .heat{flex:none;display:flex;align-items:flex-end;gap:3px;width:34px;height:34px;padding:6px 7px;border-radius:11px;background:rgba(255,255,255,.05)}
.heat i{flex:1;border-radius:2px;background:rgba(255,255,255,.14)}
.heat i:nth-child(1){height:35%}.heat i:nth-child(2){height:65%}.heat i:nth-child(3){height:100%}
[data-tier="mild"] .heat i:nth-child(1),
[data-tier="spicy"] .heat i:nth-child(-n+2){background:var(--coral)}
.t-extreme .heat i{background:var(--x)}
.tc-body{flex:1;min-width:0}
.tc-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tc-top b{font-size:17px;font-weight:650;letter-spacing:-.3px}
.tc-count{font-size:12.5px;color:var(--dim);white-space:nowrap}
.tc-count.inline{font-size:inherit;color:inherit;white-space:normal}
.tc-desc{display:block;font-size:13.5px;line-height:1.45;color:var(--muted);margin-top:4px}
.radio{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);display:grid;place-items:center;transition:.2s}
.tier-card.sel{background:rgba(238,138,126,.1);border-color:rgba(238,138,126,.6)}
.tier-card.sel .radio{border-color:var(--coral);background:radial-gradient(circle,var(--coral) 0 5px,transparent 6px)}
.tier-card.t-extreme{background:linear-gradient(150deg,rgba(255,94,138,.07),rgba(155,63,224,.06))}
.tier-card.t-extreme.sel{background:linear-gradient(150deg,rgba(255,94,138,.16),rgba(155,63,224,.12));border-color:rgba(255,94,138,.7)}
.tier-card.t-extreme.sel .radio{border-color:var(--x);background:radial-gradient(circle,var(--x) 0 5px,transparent 6px)}
.optin-pill{display:flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:#FF9DB6;padding:4px 8px;border-radius:999px;background:rgba(255,94,138,.12);border:1px solid rgba(255,94,138,.3);white-space:nowrap}
.optin-pill svg{width:12px;height:12px}
.tier-note{display:flex;gap:12px;align-items:flex-start;margin-top:auto;padding:14px 16px;border-radius:var(--r-md);border:1px dashed rgba(201,160,240,.35);background:rgba(201,160,240,.06)}
.tier-note svg{flex:none;width:20px;height:20px;color:var(--curious);margin-top:1px}
.tier-note p{font-size:13.5px;line-height:1.5;color:var(--muted)}
.tier-note b{color:var(--text);font-weight:600}

/* modal */
.modal-backdrop{position:absolute;inset:0;z-index:45;background:rgba(5,2,6,.65);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:.25s}
.modal-backdrop.open{opacity:1;visibility:visible}
.modal{width:100%;padding:26px 22px 14px;border-radius:28px;background:linear-gradient(170deg,#2A1430,#1B0E1F);border:1px solid rgba(255,94,138,.28);box-shadow:0 30px 80px -20px rgba(0,0,0,.8),0 0 60px -20px rgba(255,94,138,.35);text-align:center;display:flex;flex-direction:column;align-items:center;transform:scale(.96);transition:.25s}
.modal-backdrop.open .modal{transform:none}
.modal-ic{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:var(--xgrad);color:#fff;box-shadow:0 10px 30px -8px rgba(224,69,123,.7)}
.modal-ic svg{width:26px;height:26px}
.modal h3{font-size:21px;font-weight:700;letter-spacing:-.4px;margin-top:16px}
.modal p{font-size:15px;line-height:1.5;color:var(--muted);margin-top:8px}
.modal p b{color:var(--text)}
.modal-list{list-style:none;text-align:left;width:100%;margin:16px 0 18px;display:flex;flex-direction:column;gap:8px}
.modal-list li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.4;color:var(--text)}
.modal-list svg{flex:none;width:16px;height:16px;color:#9FDDB5;margin-top:1px}
.modal .btn-ghost{margin-top:4px}

/* questionnaire v2: card fills available space */
.s-quiz .content{min-height:0}
.q-card{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;margin-top:16px;padding:24px 22px}
.q-inner{position:relative;z-index:1}
.q-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tier-badge{font-size:11.5px;font-weight:650;letter-spacing:.6px;text-transform:uppercase;padding:4px 9px;border-radius:999px;white-space:nowrap}
.tb-mild{color:#F7C9BE;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.tb-spicy{color:#FFB39F;background:rgba(238,138,126,.14);border:1px solid rgba(238,138,126,.35)}
.tb-extreme{color:#fff;background:var(--xgrad);border:1px solid transparent;box-shadow:0 4px 14px -4px rgba(224,69,123,.7)}
.q-title{font-size:30px;margin-top:12px}
.q-card.x{border-color:rgba(255,94,138,.4);background:linear-gradient(160deg,rgba(255,94,138,.12),rgba(155,63,224,.06) 60%,rgba(255,255,255,.02))}
.q-card.x::after{background:radial-gradient(circle,rgba(255,94,138,.32),transparent 70%)}
.safety{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px 14px;border-radius:14px;background:rgba(244,194,122,.08);border:1px solid rgba(244,194,122,.28)}
.safety svg{flex:none;width:18px;height:18px;color:var(--warn);margin-top:1px}
.safety p{font-size:13.5px;line-height:1.45;color:#F3E2C8}
.safety b{display:block;font-size:11.5px;letter-spacing:.8px;text-transform:uppercase;color:var(--warn);margin-bottom:2px}
.intro-count{display:none;margin-top:16px;font-size:13.5px;color:var(--rose);font-weight:600}
.answers{margin-top:14px;gap:10px}
.ans{height:60px}
.intro-actions{display:none;flex-direction:column;gap:4px;margin-top:14px}
.s-quiz.intro .answers,.s-quiz.intro .skip{visibility:hidden}
.s-quiz.intro .answers{display:none}
.s-quiz.intro .intro-actions{display:flex}
.s-quiz.intro .intro-count{display:block}
.s-quiz.intro .q-title{font-size:34px}
.s-quiz.intro .q-kicker{text-transform:uppercase;letter-spacing:1.2px;font-size:12.5px;font-weight:600}
.cat-chip{white-space:nowrap}

/* result v2 */
.tier-line{display:flex;align-items:center;justify-content:center;gap:7px;margin:12px auto 0;width:max-content;max-width:100%;padding:8px 14px;border-radius:999px;font-size:13px;color:var(--muted);background:rgba(255,94,138,.08);border:1px solid rgba(255,94,138,.25)}
.tier-line svg{flex:none;width:15px;height:15px;color:var(--x)}
.tier-line b{color:#FFB3C7;font-weight:600}
.chip.x{position:relative;padding-left:26px}
.chip.x::before{content:"";position:absolute;left:12px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--xgrad);box-shadow:0 0 8px rgba(255,94,138,.8)}
.x-legend{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--dim);margin-top:12px}
.x-legend i{width:7px;height:7px;border-radius:50%;background:var(--xgrad);box-shadow:0 0 8px rgba(255,94,138,.8)}
.h2{text-wrap:balance}
.tier-line{font-size:12.5px;padding:8px 12px;white-space:nowrap;letter-spacing:-.1px}
.value{text-wrap:balance}

/* ===== v3: directional paired cards + computed results ===== */
.pair-answers{display:none;flex-direction:column;gap:10px;margin-top:14px}
.s-quiz.pair .pair-answers{display:flex}
.s-quiz.pair .answers{display:none}
.pa-row{padding:12px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.pa-head{display:flex;align-items:center;gap:10px;margin:0 2px 10px}
.dir{flex:none;display:flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);font-size:11.5px;font-weight:600;color:var(--dim);text-transform:uppercase;letter-spacing:.5px}
.dir b{color:var(--rose);font-weight:700}
.dir svg{width:12px;height:12px;color:var(--muted)}
.pa-label{font-size:15.5px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.seg button{height:52px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:-.1px;transition:.15s;white-space:nowrap}
.seg i{width:9px;height:9px;border-radius:50%}
.d-into{background:var(--into);box-shadow:0 0 8px var(--into)}
.d-cur{background:var(--curious);box-shadow:0 0 8px rgba(201,160,240,.7)}
.d-no{border:1.8px solid var(--no)}
.d-lim{border:1.8px solid var(--limit);position:relative}
.d-lim::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:1.8px;background:var(--limit);transform:translate(-50%,-50%) rotate(-45deg)}
.seg button.sel{color:var(--text)}
.seg button[data-a="into"].sel{background:rgba(238,138,126,.18);border-color:rgba(238,138,126,.65)}
.seg button[data-a="curious"].sel{background:rgba(201,160,240,.15);border-color:rgba(201,160,240,.6)}
.seg button[data-a="no"].sel{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35)}
.seg button[data-a="limit"].sel{background:rgba(224,90,106,.16);border-color:rgba(224,90,106,.6)}
.s-quiz.pair .q-card{padding:22px 22px}
.s-quiz.pair .q-title{font-size:30px}

.m-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.m-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.m-txt{flex:1;min-width:0}
.m-txt b{display:block;font-size:15px;font-weight:600;letter-spacing:-.2px}
.m-txt span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
#res-into .m-row{background:rgba(238,138,126,.08);border-color:rgba(238,138,126,.25)}
#res-into .m-txt span{color:#E9B8AE}
#res-curious .m-row{background:rgba(201,160,240,.07);border-color:rgba(201,160,240,.22)}
#res-curious .m-txt span{color:#CDB7E6}
.m-x{flex:none;width:8px;height:8px;border-radius:50%;background:var(--xgrad);box-shadow:0 0 8px rgba(255,94,138,.8)}
.m-empty{font-size:14px;color:var(--dim);padding:6px 2px}
.demo-note{text-align:center;font-size:12px;color:var(--dim);margin-top:10px}
.seg button{height:58px}
.pair-answers{gap:12px}
.pa-row{padding:13px 12px}

/* ===== v4: real matching (join / gone screens) ===== */
.link-text{display:flex;min-width:0;flex:1;margin-right:8px;white-space:nowrap}
.lt-host{overflow:hidden;text-overflow:ellipsis;min-width:0}
.lt-path{flex:none}
.join-hero{gap:0}
.invite-badge{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--rose);padding:6px 12px;border-radius:999px;background:rgba(238,138,126,.1);border:1px solid rgba(238,138,126,.25);margin-bottom:26px}
.invite-badge svg{width:14px;height:14px}
.s-join .logo-xl{width:112px;height:73px;margin-bottom:22px}
.join-title{font-size:32px;text-wrap:balance;max-width:320px}
.s-join .value b{color:var(--text);font-weight:600}
.join-points{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:26px;text-align:left;width:100%;max-width:320px}
.join-points li{display:flex;align-items:center;gap:12px;font-size:14.5px;color:var(--text);padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.join-points svg{flex:none;width:18px;height:18px;color:var(--rose)}
.join-points b{font-variant-numeric:tabular-nums;font-weight:600}
.gone-body{justify-content:center}
.gone-ic{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--muted);margin-bottom:18px}
.gone-ic svg{width:36px;height:36px}
.s-gone .sub{max-width:300px}
.waiting-pill.joined{background:rgba(159,221,181,.08);border-color:rgba(159,221,181,.3)}
.waiting-pill.joined .pulse-dot{background:#9FDDB5;animation:none}
.st-state.done-them{color:#9FDDB5}
.st-state.idle{color:var(--dim)}
.busy{opacity:.6;pointer-events:none}
html:not(.demo) .demo-only{display:none!important}

.resume-link{font-size:13px;color:var(--dim);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.2);padding:4px;margin-top:-6px}
html.demo .real-only{display:none!important}

/* ── Result detail: strength summary + per-category breakdown (mutual overlaps only) ── */
html:not(.paywall) .paywall-only{display:none!important}
html.paywall .free-only{display:none!important}
:root{--mixed:#E59AB8}
.lvl-meter{display:inline-flex;align-items:flex-end;gap:2px;height:14px;flex:none}
.lvl-meter i{width:4px;border-radius:2px;background:rgba(255,255,255,.14)}
.lvl-meter i:nth-child(1){height:6px}.lvl-meter i:nth-child(2){height:10px}.lvl-meter i:nth-child(3){height:14px}
.lv-both .lvl-meter i.on{background:var(--grad);box-shadow:0 0 6px rgba(238,138,126,.7)}
.lv-mixed .lvl-meter i.on{background:linear-gradient(180deg,#F2A8B8,#C9A0F0)}
.lv-curious .lvl-meter i.on{background:var(--curious)}
.lvl-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.lvl-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 12px 11px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}
.lvl-tile b{font-size:26px;font-weight:700;letter-spacing:-.8px;line-height:1.05;margin-top:4px}
.lvl-tile>span:last-child{font-size:12px;color:var(--muted);line-height:1.25}
.lvl-tile .lvl-meter i{background:rgba(255,255,255,.14)}
.lvl-tile.lv-both{background:linear-gradient(160deg,rgba(238,138,126,.18),rgba(217,102,140,.06));border-color:rgba(238,138,126,.35)}
.lvl-tile.lv-both b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lvl-tile.lv-both .lvl-meter i{background:var(--grad)}
.lvl-tile.lv-mixed{background:linear-gradient(160deg,rgba(229,154,184,.13),rgba(201,160,240,.05));border-color:rgba(229,154,184,.28)}
.lvl-tile.lv-mixed b{color:#F4C6D6}
.lvl-tile.lv-mixed .lvl-meter i:nth-child(-n+2){background:linear-gradient(180deg,#F2A8B8,#C9A0F0)}
.lvl-tile.lv-curious{background:rgba(201,160,240,.07);border-color:rgba(201,160,240,.22)}
.lvl-tile.lv-curious b{color:#E4D2F7}
.lvl-tile.lv-curious .lvl-meter i:nth-child(1){background:var(--curious)}
.sec-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cat-toggle{font-size:13px;font-weight:600;color:var(--rose);padding:6px 2px}
.sec-note{font-size:13px;color:var(--dim);margin-top:6px;line-height:1.45}
.sec-note b{color:var(--muted)}
.cat-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.cat-sec{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);overflow:hidden}
.cat-sec[open]{background:linear-gradient(180deg,rgba(42,22,49,.9),rgba(255,255,255,.03));border-color:rgba(238,138,126,.25)}
.cat-sec summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto auto;align-items:center;column-gap:10px;row-gap:9px;padding:14px 14px 13px}
.cat-sec summary::-webkit-details-marker{display:none}
.cs-name{font-size:15.5px;font-weight:650;letter-spacing:-.2px;min-width:0}
.cs-count{font-size:13px;color:var(--muted);white-space:nowrap}
.cs-count b{color:var(--rose);font-weight:700;font-size:14px}
.cs-chev{width:16px;height:16px;color:var(--dim);transform:rotate(-90deg);transition:transform .2s ease}
.cat-sec[open] .cs-chev{transform:rotate(90deg)}
.cs-bar{grid-column:1/-1;display:flex;gap:3px;height:5px;border-radius:3px;overflow:hidden}
.cs-bar i{display:block;min-width:6px;border-radius:3px}
.cs-bar i.lv-both{background:var(--grad)}
.cs-bar i.lv-mixed{background:linear-gradient(90deg,#F2A8B8,#C9A0F0)}
.cs-bar i.lv-curious{background:rgba(201,160,240,.75)}
.cat-body{padding:2px 12px 14px;display:flex;flex-direction:column;gap:14px}
.cat-group h4{display:flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:1.1px;color:var(--muted);font-weight:650}
.cat-group .cg-n{margin-left:auto;font-size:12px;color:var(--dim);letter-spacing:0}
.cat-group .m-list{margin-top:8px}
.m-row .lvl-meter{margin-right:-2px}
.m-row.lv-both{background:rgba(238,138,126,.09);border-color:rgba(238,138,126,.28)}
.m-row.lv-both .m-txt span{color:#E9B8AE}
.m-row.lv-mixed{background:linear-gradient(100deg,rgba(238,138,126,.07),rgba(201,160,240,.06));border-color:rgba(229,154,184,.22)}
.m-row.lv-mixed .m-txt span{color:#E3BCD0}
.m-row.lv-curious{background:rgba(201,160,240,.06);border-color:rgba(201,160,240,.2)}
.m-row.lv-curious .m-txt span{color:#CDB7E6}
.m-locked{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dim);padding:4px 2px}
.m-locked svg{width:14px;height:14px}
.cat-none{margin-top:10px;font-size:13px;color:var(--dim);line-height:1.5;padding:10px 14px;border-radius:var(--r-sm);border:1px dashed var(--line)}
.cat-none span{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:1.1px;font-weight:650;color:var(--muted);margin-bottom:2px}
.sw-guide{background:var(--grad);box-shadow:0 0 10px rgba(238,138,126,.8)}
.guide-card{margin-top:12px;padding:16px;border-radius:var(--r-lg);background:linear-gradient(150deg,rgba(238,138,126,.14),rgba(217,102,140,.06) 50%,rgba(255,255,255,.03));border:1px solid rgba(238,138,126,.28)}
.guide-lead{font-size:14px;color:var(--muted);line-height:1.45}
.guide-card .prompts{margin-top:14px}
.guide-card .tip{margin-top:14px}
.guide-card .prompts li{padding:13px 14px;gap:12px}
.guide-card .prompts p{font-size:14.5px}

/* ── Second look ─────────────────────────────────────────── */
.sl-card{margin-top:12px;padding:16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.sl-lead{font-size:14.5px;line-height:1.5;color:var(--muted)}
.sl-status{font-size:14px;line-height:1.45;color:var(--text);padding:10px 12px;border-radius:14px;background:rgba(201,160,240,.1);border:1px solid rgba(201,160,240,.28)}
.sl-status.waiting{color:#E4D2F7}
.sl-status.invite{background:rgba(238,138,126,.1);border-color:rgba(238,138,126,.35);color:#FAD3CA}
.sl-status.done{background:rgba(159,221,181,.08);border-color:rgba(159,221,181,.28);color:#C8EBD6}
.sl-flag-note{font-size:13.5px;line-height:1.45;color:#F3E2C8;padding:10px 12px;border-radius:14px;background:rgba(244,194,122,.08);border:1px solid rgba(244,194,122,.28)}
.sl-new-h{font-size:12px;text-transform:uppercase;letter-spacing:1.1px;color:var(--muted);font-weight:650;margin-bottom:8px}
.sl-new .m-list{display:flex;flex-direction:column;gap:8px}
.sl-actions{display:flex;flex-direction:column;gap:8px}
.sl-privacy{display:flex;gap:10px;align-items:flex-start;margin:10px 0 4px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line);font-size:13px;line-height:1.4;color:var(--muted)}
.sl-privacy svg{flex:none;width:16px;height:16px;color:var(--rose);margin-top:1px}
.sl-empty{font-size:14.5px;color:var(--muted);padding:20px 4px;text-align:center}
.sl-cat{margin-top:18px}
.sl-cat-h{font-size:12px;text-transform:uppercase;letter-spacing:1.1px;color:var(--muted);font-weight:650;margin-bottom:8px}
.sl-item{padding:14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);margin-bottom:10px}
.sl-item.x{border-color:rgba(255,94,138,.28)}
.sl-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.sl-item-top b{font-size:15.5px;font-weight:650;letter-spacing:-.2px;line-height:1.3}
.sl-item .sl-role{display:block;font-size:12.5px;color:var(--dim);margin-top:3px}
.sl-item .sl-details{font-size:13.5px;line-height:1.5;color:var(--muted);margin:10px 0 12px}
.sl-item .sl-yours{font-size:11.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--dim);font-weight:650;margin-bottom:6px}
.sl-item .seg{margin-top:0}
.sl-item .seg button{height:48px;font-size:11.5px}
.s-secondlook .foot{padding-bottom:18px}
.sl-sum-note{margin-top:10px;font-size:13px;color:#E4D2F7;line-height:1.45;padding:9px 12px;border-radius:12px;background:rgba(201,160,240,.08);border:1px solid rgba(201,160,240,.22)}
.sl-sum-note b{color:var(--text)}
.orig-chip{margin-left:6px;font-size:10.5px;letter-spacing:.6px;padding:3px 7px;border-radius:999px;border:1px solid var(--line);color:var(--dim)}
.sl-new .m-row{position:relative}
.sl-new .m-row::after{content:"New";margin-left:auto;font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:3px 7px;border-radius:999px;background:rgba(238,138,126,.16);color:#FAD3CA;border:1px solid rgba(238,138,126,.35)}