/* Free partner readiness scan. A dark stage on top of the normal site:
   the network of partners moves, the scan writes itself line by line, the score climbs. */
.scan{
  --s-bg:#0D0D26; --s-bg2:#15153A; --s-card:#1B1B45; --s-line:#2E2E66; --s-ink:#F2F1FC; --s-muted:#A9A8D2;
  --s-hot:#FF8A5B; --s-hot2:#FFB37E; --s-on-hot:#1A1030; --s-indigo:#7C79E0; --s-ok:#6FD3A0; --s-off:#5C5B8C;
  --ease-out:cubic-bezier(.23,1,.32,1); --ease-in-out:cubic-bezier(.77,0,.175,1);
  background:radial-gradient(1200px 700px at 78% 8%, #2A2470 0%, transparent 60%), radial-gradient(900px 600px at 0% 100%, #3A1E46 0%, transparent 55%), var(--s-bg);
  color:var(--s-ink);
}
.scan .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.scan a{color:inherit}
.kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--s-hot2);letter-spacing:.02em}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--s-hot);box-shadow:0 0 0 0 rgba(255,138,91,.6);animation:pdot 2s var(--ease-out) infinite}
@keyframes pdot{0%{box-shadow:0 0 0 0 rgba(255,138,91,.55)}100%{box-shadow:0 0 0 12px rgba(255,138,91,0)}}
.draft-tag{font-family:var(--mono);font-size:10px;color:#1D1B4C;background:#FFD166;border-radius:4px;padding:1px 6px}

/* Stage */
.stage{position:relative;overflow:hidden;padding:24px 20px 56px}
.stage-in{max-width:1120px;margin:0 auto;display:grid;gap:8px;align-items:center}
.stage-copy{display:grid;gap:18px;position:relative;z-index:2;order:2}
.stage h1{font-size:clamp(40px,10vw,76px);font-weight:900;line-height:1;letter-spacing:-.03em;max-width:11ch;color:var(--s-ink)}
.lede{font-size:clamp(17px,2.2vw,20px);color:var(--s-muted);max-width:44ch}
.net-wrap{order:1;height:280px;margin:-10px -20px 0;position:relative}
.net{width:100%;height:100%;overflow:visible}
@media (min-width:900px){
  .stage{padding:56px 40px 80px}
  .stage-in{grid-template-columns:1.05fr 1fr;gap:24px;min-height:560px}
  .stage-copy{order:1}
  .net-wrap{order:2;height:560px;margin:0}
}

/* the network */
.net .orbit{fill:none;stroke:var(--s-line);stroke-width:1;stroke-dasharray:2 7}
.net .wire{stroke:var(--s-line);stroke-width:1.2;fill:none;transition:stroke .6s var(--ease-out),opacity .6s var(--ease-out)}
.net .wire.hot{stroke:color-mix(in srgb,var(--s-hot) 60%,transparent);stroke-width:1.6}
.net .spark{fill:var(--s-hot);filter:drop-shadow(0 0 6px var(--s-hot))}
.net .node rect{fill:var(--s-card);stroke:var(--s-line);stroke-width:1;transition:stroke .5s var(--ease-out),fill .5s var(--ease-out)}
.net .node text{fill:var(--s-muted);font:500 13px var(--sans);transition:fill .5s var(--ease-out)}
.net .node{transition:opacity .6s var(--ease-out)}
.net .node.hot rect{fill:#2A1F4D;stroke:var(--s-hot)}
.net .node.hot text{fill:var(--s-ink);font-weight:700}
.net .node.out{opacity:0}
.net .node.near rect{fill:#2A1F4D;stroke:var(--s-hot2)}
.net .node.near text{fill:var(--s-ink)}
.net .wire.near{stroke:color-mix(in srgb,var(--s-hot2) 65%,transparent);stroke-width:1.6}
.net .core-glow{fill:url(#coreGlow)}
.net .core{fill:#232060;stroke:var(--s-indigo);stroke-width:1.5}
.net .core-text{fill:var(--s-ink);font:800 15px var(--sans);text-anchor:middle;dominant-baseline:middle}
.net .core-sub{fill:var(--s-muted);font:400 10px var(--mono);text-anchor:middle}
.net .core-g{transform-box:fill-box;transform-origin:center;transition:transform .25s var(--ease-out)}
.net .core-g.beat{transform:scale(1.06)}

/* Form */
.scan-form{display:grid;gap:10px;max-width:520px}
.sc-field{display:flex;align-items:center;background:rgba(255,255,255,.06);border:1px solid var(--s-line);border-radius:999px;padding:6px 6px 6px 18px;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out);backdrop-filter:blur(6px)}
.sc-field:focus-within{border-color:var(--s-hot);box-shadow:0 0 0 4px color-mix(in srgb,var(--s-hot) 20%,transparent)}
.field-pre{font-family:var(--mono);font-size:13px;color:var(--s-off);user-select:none}
.sc-field input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--s-ink);font:500 18px var(--sans);padding:12px 8px 12px 2px}
.sc-field input::placeholder{color:#6F6EA0}
.go{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--s-hot),var(--s-hot2));color:var(--s-on-hot);font:800 16px var(--sans);padding:13px 20px;cursor:pointer;transition:transform .16s var(--ease-out),filter .2s}
.go svg{width:18px;height:18px}
.go:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.go:hover{filter:brightness(1.08)}}
.go[disabled]{opacity:.6;cursor:default}
.fine{font-size:13px;color:var(--s-muted)}
@media (max-width:420px){.field-pre{display:none}}
.fine.err{color:#FF9A9A}

/* Live log */
.log{position:relative;z-index:2;max-width:1120px;margin:8px auto 0;background:rgba(27,27,69,.78);border:1px solid var(--s-line);border-radius:18px;padding:18px 20px;backdrop-filter:blur(8px)}
.log-head{display:flex;align-items:center;gap:10px;font-size:15px}
.log-domain{font-family:var(--mono);font-size:12px;color:var(--s-muted);margin-left:auto}
.spin{width:16px;height:16px;border-radius:50%;border:2px solid var(--s-line);border-top-color:var(--s-hot);animation:spin .8s linear infinite}
.spin.done{animation:none;border-color:var(--s-ok);background:var(--s-ok)}
@keyframes spin{to{transform:rotate(360deg)}}
.log-lines{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px;font-family:var(--mono);font-size:13px}
.log-lines li{display:flex;gap:10px;align-items:baseline;color:var(--s-muted);animation:lineIn .35s var(--ease-out) both}
.log-lines li .ic{width:16px;flex:none;text-align:center}
.log-lines li.found .ic{color:var(--s-ok)}
.log-lines li.missing .ic{color:#FF9A9A}
.log-lines li.lstep{color:var(--s-ink)}
.log-lines li .u{color:var(--s-off);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
@keyframes lineIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Results */
.results{padding:8px 20px 64px}
.r-in{max-width:980px;margin:0 auto;display:grid;gap:22px}
.r-top{display:grid;gap:22px;background:linear-gradient(160deg,rgba(124,121,224,.16),rgba(27,27,69,.6));border:1px solid var(--s-line);border-radius:22px;padding:24px}
.r-score{position:relative;width:150px;height:150px;justify-self:center}
.ring{width:100%;height:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:9}
.ring-bg{stroke:var(--s-line)}
.ring-fg{stroke:url(#none);stroke:var(--s-hot);stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset 1.4s var(--ease-out)}
.r-num{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.r-num b{font-size:48px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.r-num span{font-family:var(--mono);font-size:12px;color:var(--s-muted)}
.r-head{display:grid;gap:12px}
.r-head h2{font-size:clamp(26px,4.4vw,38px);font-weight:900;color:var(--s-ink)}
.r-label{color:var(--s-hot2)}
.r-head p{color:var(--s-muted);font-size:17px;max-width:60ch}
.bars{display:grid;gap:10px;margin-top:4px}
.bar{display:grid;gap:5px}
.bar-top{display:flex;justify-content:space-between;font-size:14px}
.bar-top span{font-family:var(--mono);font-size:12px;color:var(--s-muted)}
.bar-track{height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.bar-fill{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--s-indigo),var(--s-hot));transition:width .9s var(--ease-out)}
@media (min-width:760px){.r-top{grid-template-columns:auto 1fr;align-items:center;padding:30px 34px;gap:34px}.r-score{width:170px;height:170px}}

.sc-step{display:grid;gap:12px;background:rgba(27,27,69,.55);border:1px solid var(--s-line);border-radius:22px;padding:24px}
.sc-step h3,.locked h3{font-size:clamp(22px,3.4vw,30px);font-weight:900;color:var(--s-ink)}
.step-sub{color:var(--s-muted);max-width:62ch}
.step-tag{display:flex;gap:8px;align-items:center;font-family:var(--mono);font-size:12px}
.step-tag span{color:var(--s-ink)}
.step-tag em{font-style:normal;color:#0E2A1C;background:var(--s-ok);border-radius:99px;padding:2px 9px}
.step-tag em.lock{background:var(--s-hot2);color:#2A1408}
.types{display:grid;gap:12px;margin-top:4px}
@media (min-width:760px){.types{grid-template-columns:repeat(3,1fr)}}
.type{display:grid;gap:8px;align-content:start;background:var(--s-card);border:1px solid var(--s-line);border-radius:16px;padding:18px;opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out),border-color .2s}
.type.in{opacity:1;transform:none}
.type .n{font-family:var(--mono);font-size:12px;color:var(--s-hot2)}
.type b{font-size:19px;line-height:1.2}
.type p{color:var(--s-muted);font-size:15px}
.type .where{font-size:14px;color:var(--s-ink);border-top:1px solid var(--s-line);padding-top:10px;margin-top:2px}
.type .where i{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--s-off);display:block;margin-bottom:2px}
.line{margin:4px 0 0;font-size:clamp(19px,2.6vw,24px);font-weight:700;line-height:1.35;border-left:3px solid var(--s-hot);padding:4px 0 4px 18px;color:var(--s-ink)}
.line-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.why{color:var(--s-muted);font-size:14px;flex:1;min-width:220px}
.chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:rgba(255,255,255,.08);color:var(--s-ink);border:1px solid var(--s-line);border-radius:999px;padding:10px 16px;font:700 14px var(--sans);text-decoration:none;cursor:pointer;transition:background .2s,transform .16s var(--ease-out);white-space:nowrap}
.chip:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.chip:hover{background:rgba(255,255,255,.14)}}
.chip[aria-disabled="true"],.btn-hot[aria-disabled="true"]{opacity:.55;cursor:default}

.checks{background:rgba(27,27,69,.4);border:1px solid var(--s-line);border-radius:18px;padding:0 20px}
.checks summary{display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;padding:16px 0;font-weight:700;list-style:none}
.checks summary::-webkit-details-marker{display:none}
.checks summary b{font-family:var(--mono);font-size:12px;color:var(--s-muted);font-weight:400}
.checks summary::after{content:"+";font-family:var(--mono);color:var(--s-muted)}
.checks[open] summary::after{content:"-"}
.ck-area{padding:6px 0 14px}
.ck-area h4{margin:0 0 8px;font-size:14px;color:var(--s-hot2);font-family:var(--mono);font-weight:500}
.ck{display:grid;grid-template-columns:22px 1fr auto;gap:8px;padding:7px 0;border-top:1px solid rgba(255,255,255,.05);font-size:15px}
.ck .ic{font-family:var(--mono)}
.ck.y .ic{color:var(--s-ok)}
.ck.n .ic{color:#FF9A9A}
.ck .pts{font-family:var(--mono);font-size:12px;color:var(--s-off)}
.ck small{display:block;color:var(--s-off);font-size:12px;word-break:break-all}

.locked{display:grid;gap:18px;background:linear-gradient(170deg,color-mix(in srgb,var(--s-hot) 13%,transparent),rgba(27,27,69,.6) 40%);border:1px solid color-mix(in srgb,var(--s-hot) 40%,transparent);border-radius:22px;padding:24px}
.locked-head{display:grid;gap:12px}
.ghosts{display:grid;gap:12px}
@media (min-width:760px){.ghosts{grid-template-columns:1fr 1fr}}
.ghost-card{position:relative;background:var(--s-card);border:1px solid var(--s-line);border-radius:16px;padding:16px 18px;overflow:hidden}
.ghost-card b{display:block;font-size:16px;margin-bottom:10px;padding-right:60px}
.ghost-card .g{height:9px;border-radius:5px;background:rgba(255,255,255,.1);margin:7px 0;filter:blur(1.5px)}
.ghost-card .g.hl{background:rgba(255,138,91,.35)}
.ghost-card::after{content:"";position:absolute;inset:auto 0 0 0;height:60%;background:linear-gradient(transparent,var(--s-card))}
.ghost-card .lk{position:absolute;right:14px;top:14px;font-family:var(--mono);font-size:11px;color:var(--s-hot2)}
.whypay{display:grid;gap:12px;border-top:1px solid color-mix(in srgb,var(--s-hot) 28%,transparent);padding-top:18px}
.whypay h4{margin:0;font-size:19px;font-weight:800;color:var(--s-ink)}
.whypay p{color:var(--s-ink);font-size:17px;line-height:1.55;max-width:62ch}
.sig{display:flex;align-items:center;gap:10px;font-size:15px}
.sig img{border-radius:50%;object-fit:cover}
.unlock-box{display:grid;gap:16px;align-items:start}
@media (min-width:760px){.unlock-box{grid-template-columns:auto 1fr;align-items:center;gap:28px}}
.btn-hot{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,var(--s-hot),var(--s-hot2));color:var(--s-on-hot);font:800 17px var(--sans);padding:16px 26px;text-decoration:none;border:0;cursor:pointer;box-shadow:0 10px 30px -10px color-mix(in srgb,var(--s-hot) 75%,transparent);transition:transform .16s var(--ease-out),filter .2s}
.btn-hot.small{font-size:15px;padding:12px 20px}
.btn-hot:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.btn-hot:hover{filter:brightness(1.07)}}
.key-form{display:grid;gap:8px}
.key-form label{font-size:14px;color:var(--s-muted)}
.key-row{display:flex;gap:8px}
.key-row input{flex:1;min-width:0;background:rgba(255,255,255,.06);border:1px solid var(--s-line);border-radius:999px;color:var(--s-ink);font:500 15px var(--mono);padding:10px 16px}
.key-row input:focus{outline:0;border-color:var(--s-hot)}

.talk{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;background:rgba(27,27,69,.45);border:1px solid var(--s-line);border-radius:18px;padding:18px}
.talk img{border-radius:50%;object-fit:cover}
.talk p{color:var(--s-muted);font-size:15px}
.talk .chip{grid-column:1 / -1;justify-self:start}
@media (min-width:760px){.talk{grid-template-columns:auto 1fr auto}.talk .chip{grid-column:auto}}
.again{text-align:center}
.link{background:none;border:0;color:var(--s-muted);font:600 15px var(--sans);text-decoration:underline;cursor:pointer}

/* Unlocked kit */
.fk{padding:8px 20px 72px}
.kit-in{max-width:1200px;margin:0 auto;display:grid;gap:22px}
.kit-top{display:grid;gap:12px}
.kit-top h2{font-size:clamp(28px,4.6vw,44px);font-weight:900;color:var(--s-ink)}
.kit-top p{color:var(--s-muted);max-width:66ch}
.kit-actions{display:flex;flex-wrap:wrap;gap:10px}
.fk-grid{display:grid;gap:18px}
.answers{display:none;gap:10px;background:var(--s-card);border:1px solid var(--s-line);border-radius:18px;padding:16px;align-content:start}
.answers.open{display:grid}
.answers label{display:grid;gap:5px;font-size:13px;color:var(--s-muted)}
.answers textarea{background:rgba(255,255,255,.05);border:1px solid var(--s-line);border-radius:10px;color:var(--s-ink);font:500 14px var(--sans);padding:8px 10px;resize:vertical;min-height:38px}
.answers textarea:focus{outline:0;border-color:var(--s-hot)}
@media (min-width:980px){
  .fk-grid{grid-template-columns:380px 1fr;align-items:start}
  .answers{display:grid;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto}
  #toggle-answers{display:none}
}
.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.tabs button{flex:none;background:rgba(255,255,255,.06);border:1px solid var(--s-line);color:var(--s-muted);border-radius:999px;padding:9px 14px;font:600 14px var(--sans);cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--s-ink);color:#141436;border-color:var(--s-ink)}
.paper{background:#FFFFFF;color:#1D1B4C;border-radius:18px;padding:26px 22px;margin-top:10px;font-size:16px;line-height:1.55}
@media (min-width:760px){.paper{padding:40px 46px}}
.paper h1{font-size:30px;font-weight:900;margin:0 0 12px;letter-spacing:-.02em}
.paper h2{font-size:21px;margin:26px 0 8px}
.paper h3{font-size:17px;margin:18px 0 6px}
.paper p,.paper li{margin:0 0 8px}
.paper ul,.paper ol{padding-left:20px}
.paper table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 16px;display:block;overflow-x:auto}
.paper th{text-align:left;border-bottom:2px solid #1D1B4C;padding:6px 8px;white-space:nowrap}
.paper td{border-bottom:1px solid #DCDCEB;padding:6px 8px;vertical-align:top}
.paper code{font-family:var(--mono);font-size:12px;background:#F1F1F8;padding:1px 4px;border-radius:3px}
.paper blockquote.tpl{position:relative;margin:10px 0 18px;background:#F6F6FB;border-left:3px solid #B84A2A;border-radius:0 12px 12px 0;padding:14px 16px 14px 18px}
.paper blockquote.tpl .copy{position:absolute;right:10px;top:10px;background:#1D1B4C;color:#fff;border:0;border-radius:99px;font:700 12px var(--sans);padding:6px 11px;cursor:pointer}
.paper blockquote.tpl p:first-of-type{padding-right:64px}
.paper .fill{background:#FFE3D3;color:#7A2E12;border-radius:4px;padding:0 3px;font-weight:600;transition:background .4s}
.paper .fill.empty{background:#FDECEA;color:#B42318}
.paper .fill.flash{background:#FFC7A6}

@media (prefers-reduced-motion: reduce){
  .pulse-dot,.spin{animation:none}
  .log-lines li{animation:none}
  .type{transition:none;opacity:1;transform:none}
  .bar-fill,.ring-fg{transition:none}
}

/* the scanned company's look: logo chip, brand font on the result headings */
.r-logo{display:block;max-height:44px;max-width:190px;width:auto;height:auto;object-fit:contain;background:#fff;border-radius:10px;padding:7px 11px}
.net .core-plate{fill:#fff}
.results h2,.results h3,.r-num b,.type b,.fk-top h2,.line{font-family:var(--b-font,var(--sans))}

/* guided answers */
.a-head{display:grid;gap:6px;padding-bottom:6px}
.a-head b{font-size:17px}
.a-count{font-family:var(--mono);font-size:11px;color:var(--s-muted)}
.a-track{height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.a-fill{height:100%;width:0;background:linear-gradient(90deg,var(--s-indigo),var(--s-hot));transition:width .5s var(--ease-out)}
.a-head p{font-size:13px;color:var(--s-muted)}
.grp{border-top:1px solid var(--s-line)}
.grp summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;padding:12px 2px;font-weight:800;font-size:15px}
.grp summary::-webkit-details-marker{display:none}
.grp-n{font-family:var(--mono);font-size:11px;color:var(--s-muted);font-weight:400}
.q{display:grid;gap:6px;padding:12px;margin-bottom:10px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid transparent;transition:border-color .3s var(--ease-out),background .3s}
.q.ping{border-color:var(--s-hot);background:color-mix(in srgb,var(--s-hot) 10%,transparent)}
.q label{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:700;color:var(--s-ink)}
.q label i{font-style:normal;color:var(--s-ok);opacity:0;transition:opacity .3s}
.q.ok label i{opacity:1}
.q-hint{font-size:12.5px;color:var(--s-muted);line-height:1.4}
.q-in{display:flex;gap:6px;align-items:flex-start}
.q-in textarea,.q-in select{flex:1;min-width:0;background:rgba(255,255,255,.06);border:1px solid var(--s-line);border-radius:10px;color:var(--s-ink);font:500 14px var(--sans);padding:9px 10px;resize:none;line-height:1.4}
.q-in select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--s-muted) 50%),linear-gradient(135deg,var(--s-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 55%,calc(100% - 11px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:28px;cursor:pointer}
.q-in select option{color:#141436}
.q-in textarea:focus,.q-in select:focus{outline:0;border-color:var(--s-hot)}
.mic{flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--s-line);background:rgba(255,255,255,.06);color:var(--s-ink);display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .16s var(--ease-out)}
.mic svg{width:18px;height:18px}
.mic:active{transform:scale(.94)}
.mic.rec{background:#E5484D;border-color:#E5484D;color:#fff;animation:recPulse 1.4s var(--ease-out) infinite}
.mic.busy{opacity:.6;cursor:progress}
@keyframes recPulse{0%{box-shadow:0 0 0 0 rgba(229,72,77,.55)}100%{box-shadow:0 0 0 12px rgba(229,72,77,0)}}
.q-chips{display:flex;flex-wrap:wrap;gap:6px}
.sug{background:transparent;border:1px dashed var(--s-line);color:var(--s-muted);border-radius:999px;padding:5px 10px;font:600 12.5px var(--sans);cursor:pointer;transition:color .2s,border-color .2s,background .2s,transform .16s var(--ease-out);text-align:left}
.sug:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.sug:hover{color:var(--s-ink);border-color:var(--s-hot);border-style:solid}.mic:hover{background:rgba(255,255,255,.12)}}
.paper .fill{cursor:pointer}
@media (prefers-reduced-motion: reduce){.mic.rec{animation:none}}

/* grid children may shrink, so the chapter tabs scroll inside instead of widening the page */
.fk-grid > *{min-width:0}
.r-in > *, .kit-in > *{min-width:0}

/* kit actions: the interview button and the live option */
.kit-actions .btn-hot svg{width:18px;height:18px;margin-right:8px}
.live-line{font-size:14px;color:var(--s-muted)}
.live-line a{color:var(--s-ink);font-weight:700}
.live-line a[aria-disabled="true"]{opacity:.6}

/* the interview sheet */
body.iv-on{overflow:hidden}
.iv{position:fixed;inset:0;z-index:50;background:rgba(9,9,28,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:grid;place-items:center;padding:16px;color:var(--s-ink)}
.iv-in{width:100%;max-width:720px;max-height:100%;overflow:auto;display:grid;gap:18px;background:linear-gradient(170deg,rgba(124,121,224,.16),rgba(27,27,69,.92) 45%);border:1px solid var(--s-line);border-radius:24px;padding:22px}
@media (min-width:760px){.iv-in{padding:34px 40px}}
.iv-top{display:flex;align-items:center;gap:8px}
.iv-step{font-family:var(--mono);font-size:12px;color:var(--s-hot2);margin-right:auto}
.iv-icon{width:38px;height:38px;border-radius:50%;border:1px solid var(--s-line);background:rgba(255,255,255,.06);color:var(--s-ink);display:grid;place-items:center;cursor:pointer}
.iv-icon svg{width:18px;height:18px}
#iv-sound[aria-pressed="false"] .wave{opacity:.15}
.iv-track{height:5px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.iv-fill{height:100%;width:0;background:linear-gradient(90deg,var(--s-indigo),var(--s-hot));transition:width .45s var(--ease-out)}
.iv-body{display:grid;gap:12px}
.iv-body.in{animation:ivIn .4s var(--ease-out) both}
@keyframes ivIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.iv-q{margin:0;font-size:clamp(26px,5vw,38px);font-weight:900;line-height:1.12;letter-spacing:-.02em;color:var(--s-ink);font-family:var(--b-font,var(--sans))}
.iv-hint{color:var(--s-muted);font-size:15px}
.iv-row{display:flex;gap:10px;align-items:flex-start}
.iv-row textarea{flex:1;min-width:0;background:rgba(255,255,255,.07);border:1px solid var(--s-line);border-radius:14px;color:var(--s-ink);font:500 18px var(--sans);padding:14px 16px;resize:none;line-height:1.45}
.iv-row textarea:focus{outline:0;border-color:var(--s-hot)}
.mic.big{width:58px;height:58px}
.mic.big svg{width:24px;height:24px}
.iv-mine{justify-self:start;font-size:13px;padding:0;margin-top:2px}
.iv-status{min-height:20px;font-size:14px;color:var(--s-hot2)}
.iv-opts{display:flex;flex-wrap:wrap;gap:8px}
.iv-opt{background:rgba(255,255,255,.06);border:1px solid var(--s-line);color:var(--s-ink);border-radius:999px;padding:12px 18px;font:700 16px var(--sans);cursor:pointer;transition:background .2s,border-color .2s,transform .16s var(--ease-out)}
.iv-opt:active{transform:scale(.97)}
.iv-opt.on{background:var(--s-hot);border-color:var(--s-hot);color:var(--s-on-hot)}
.iv-chips{display:flex;flex-wrap:wrap;gap:6px}
.iv-foot{display:flex;align-items:center;gap:10px}
.iv-foot #iv-next{margin-left:auto;min-width:110px}
.iv-foot .chip[disabled]{opacity:.35;cursor:default}
.iv-done{display:grid;gap:14px;justify-items:start}
.iv-done h2{margin:0;font-size:clamp(28px,5vw,40px);font-weight:900;color:var(--s-ink)}
.iv-done p{color:var(--s-muted)}
@media (prefers-reduced-motion: reduce){.iv-body.in{animation:none}.iv-fill{transition:none}}