:root{--ink:#141b3d;--ink-2:#4a5275;--ink-3:#6b7394;--paper:#f5f6fb;--card:#fff;--line:#dde1ef;--tile:#121a44;--stage:#0d1330;--stage-2:#18204a;--stage-line:#2a3363;--violet:#8a3ffc;--blue:#36f;--sky:#27c3ff;--grad:linear-gradient(100deg, #a64dff 0%, #3d6bff 60%, #27c3ff 100%);--good:#13855a;--ok:#b26a0c;--low:#c8364a;--filler:#fde7ea;--display:"Montserrat", system-ui, sans-serif;--body:"Rethink Sans", system-ui, sans-serif;--radius:14px;--gutter:clamp(16px, 4vw, 48px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.55}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:1160px;padding:0 var(--gutter);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:16px;padding-block:20px;display:flex}.brand{font-family:var(--display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.brand svg{flex:none;width:36px;height:36px}.nav{align-items:center;gap:4px;display:flex}.nav a,.nav button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 12px;font-weight:500;text-decoration:none}.nav a:hover,.nav button:hover{color:var(--ink);background:#e9ecf6}.btn{cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:17px;font-weight:600;text-decoration:none;transition:transform .12s,background .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--tile);color:#fff}.btn-primary:hover{background:#1d2864}.btn-primary:disabled{cursor:not-allowed;background:#9aa1bd}.btn-ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn-ghost:hover{background:#fff;border-color:#b9c0da}.btn-small{padding:9px 16px;font-size:15px}.btn .dot{background:#ff4d6a;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #ff4d6a40}.hero{padding-top:clamp(36px,8vw,96px);padding-bottom:clamp(40px,7vw,88px)}.asker{color:var(--ink-2);align-items:center;gap:12px;margin-bottom:18px;font-size:16px;display:flex}.asker .face{background:var(--tile);color:#fff;width:40px;height:40px;font-family:var(--display);border-radius:50%;place-items:center;font-size:15px;font-weight:700;display:grid;position:relative}.asker .face:after{content:"";border:2px solid var(--sky);opacity:0;border-radius:50%;animation:1.2s ease-out .3s 3 talk;position:absolute;inset:-5px}@keyframes talk{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.25)}}.big-q{font-family:var(--display);letter-spacing:-.035em;max-width:11ch;margin:0;font-size:clamp(44px,9vw,112px);font-weight:800;line-height:.98}.spoken .w{color:#c4c9de;transition:color .25s}.spoken .w.on{color:var(--ink)}.spoken .w.now{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{max-width:560px;color:var(--ink-2);margin:28px 0 32px;font-size:clamp(18px,2vw,21px)}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.section{border-top:1px solid var(--line);padding-block:clamp(40px,7vw,80px)}.section h2{font-family:var(--display);letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(26px,3.4vw,38px);font-weight:800;line-height:1.1}.section .lede{color:var(--ink-2);max-width:620px;margin:0 0 36px}.pillars{grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);display:grid}.pillar h3{font-family:var(--display);letter-spacing:-.01em;margin:14px 0 6px;font-size:20px}.pillar p{color:var(--ink-2);margin:0 0 10px}.pillar ul{color:var(--ink-2);margin:0;padding:0;font-size:15px;list-style:none}.pillar li{border-top:1px solid var(--line);padding:6px 0}.pillar-icon{background:var(--tile);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.pillar-icon svg{width:24px;height:24px}.steps{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step}.steps li:before{content:counter(step);border:1.5px solid var(--ink);width:32px;height:32px;font-family:var(--display);border-radius:50%;place-items:center;margin-bottom:12px;font-size:15px;font-weight:700;display:grid}.steps strong{margin-bottom:4px;font-size:18px;display:block}.steps span{color:var(--ink-2);font-size:15px}.privacy{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.privacy dl{margin:0}.privacy dt{font-weight:600}.privacy dd{color:var(--ink-2);margin:2px 0 16px}.footer{border-top:1px solid var(--line);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:28px;padding-bottom:40px;font-size:15px;display:flex}.history{gap:8px;display:grid}.history a{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:64px 1fr auto;align-items:center;gap:16px;padding:14px 18px;text-decoration:none;display:grid}.history a:hover{border-color:#b9c0da}.history .num{font-family:var(--display);font-size:28px;font-weight:800}.history .meta{color:var(--ink-3);font-size:14px}.setup{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:clamp(24px,4vw,56px);padding-top:12px;padding-bottom:64px;display:grid}.page-title{font-family:var(--display);letter-spacing:-.025em;margin:8px 0 28px;font-size:clamp(32px,4.4vw,48px);font-weight:800;line-height:1.05}fieldset{border:0;margin:0 0 28px;padding:0}legend,.label{margin-bottom:10px;padding:0;font-weight:600;display:block}.choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice{cursor:pointer;display:block;position:relative}.choice input{opacity:0;pointer-events:none;position:absolute}.choice .box{border:1.5px solid var(--line);background:var(--card);border-radius:var(--radius);height:100%;padding:14px 16px;transition:border-color .15s;display:block}.choice .box strong{display:block}.choice .box span{color:var(--ink-2);margin-top:2px;font-size:14.5px;line-height:1.4;display:block}.choice:hover .box{border-color:#b9c0da}.choice input:checked+.box{border-color:var(--tile);box-shadow:inset 0 0 0 1.5px var(--tile)}.choice input:focus-visible+.box{outline:3px solid var(--blue);outline-offset:2px}.seg{background:#e8ebf5;border-radius:999px;flex-wrap:wrap;gap:2px;padding:4px;display:inline-flex}.seg label{cursor:pointer;position:relative}.seg input{opacity:0;pointer-events:none;position:absolute}.seg span{color:var(--ink-2);border-radius:999px;padding:8px 16px;font-weight:500;display:block}.seg input:checked+span{color:var(--ink);background:#fff;box-shadow:0 1px 2px #141b3d1f}.seg input:focus-visible+span{outline:3px solid var(--blue)}.hint{color:var(--ink-3);margin-top:8px;font-size:14.5px}.input{border:1.5px solid var(--line);background:var(--card);border-radius:12px;width:100%;padding:12px 14px}.input:focus{border-color:var(--blue);outline:none}textarea.input{resize:vertical;min-height:88px}details.more summary{cursor:pointer;color:var(--ink-2);margin-bottom:10px;font-weight:500}.check-panel{background:var(--tile);color:#fff;border-radius:20px;padding:16px;position:sticky;top:20px}.preview{aspect-ratio:4/3;background:#0a0f28;border-radius:12px;position:relative;overflow:hidden}.preview video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.preview .empty{text-align:center;color:#b7bfe0;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.checks{gap:8px;margin:14px 4px 4px;padding:0;font-size:15px;list-style:none;display:grid}.checks li{align-items:center;gap:10px;display:flex}.state{border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:12px;font-weight:700;display:grid}.state.yes{color:#062b1b;background:#2fd18b}.state.no{background:#3a4377}.state.wait{border:2px solid #5a64a0;border-top-color:#fff;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.meter{background:#2a3363;border-radius:6px;flex:1;height:6px;overflow:hidden}.meter i{background:var(--grad);height:100%;transition:width 80ms linear;display:block}.panel-note{color:#aab3d8;margin:12px 4px 4px;font-size:13.5px}.error{color:#8a1c2c;background:#fdecee;border-radius:12px;margin:12px 0;padding:12px 14px}.room{background:var(--stage);color:#fff;grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.room-top{padding:16px var(--gutter);color:#b7bfe0;justify-content:space-between;align-items:center;gap:12px;font-size:15px;display:flex}.progress{align-items:center;gap:6px;min-width:0;display:flex}.progress span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress i{background:var(--stage-line);border-radius:5px;flex:none;width:26px;height:5px}.progress i.done{background:#7d89c9}.progress i.now{background:var(--grad)}.room-quit{white-space:nowrap;border:1px solid var(--stage-line);color:#d5daf0;cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:7px 14px}.room-quit:hover{border-color:#4b5590}.room-main{padding:8px var(--gutter) 16px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:center;gap:clamp(20px,4vw,56px);display:grid}.interviewer{color:#c9cfec;align-items:center;gap:14px;margin-bottom:22px;display:flex}.interviewer .face{width:52px;height:52px;color:var(--tile);font-family:var(--display);background:#f5f6fb;border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:800;display:grid;position:relative}.interviewer .ring{border:3px solid var(--sky);opacity:0;border-radius:50%;transition:opacity .1s linear;position:absolute;inset:-6px}.interviewer b{color:#fff;font-weight:600;display:block}.kind{color:#c9cfec;border:1px solid var(--stage-line);border-radius:999px;margin-bottom:14px;padding:3px 12px;font-size:14px;display:inline-block}.kind.twist{color:#ffd38a;border-color:#ffb547}.room-q{font-family:var(--display);letter-spacing:-.02em;min-height:3.4em;margin:0;font-size:clamp(26px,3.6vw,46px);font-weight:700;line-height:1.12}.room-q .w{color:#4a5385;transition:color .2s}.room-q .w.on{color:#fff}.room-q .w.now{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.status-line{color:#b7bfe0;align-items:center;gap:10px;min-height:28px;margin-top:22px;display:flex}.pulse-dots{gap:5px;display:inline-flex}.pulse-dots i{background:#8c97d6;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite blink}.pulse-dots i:nth-child(2){animation-delay:.15s}.pulse-dots i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.me{position:relative}.me-video{aspect-ratio:3/4;border:1px solid var(--stage-line);background:#0a0f28;border-radius:18px;max-height:62svh;margin-left:auto;position:relative;overflow:hidden}.me-video video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.me-video.rec{border-color:#ff4d6a;box-shadow:0 0 0 3px #ff4d6a40}.me-video .nocam{color:#8c97d6;text-align:center;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.timer{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;background:#0d1330c7;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 10px;font-weight:600;display:flex;position:absolute;top:12px;left:12px}.timer .rec-dot{background:#ff4d6a;border-radius:50%;width:9px;height:9px;animation:1.4s infinite blink}.timer.low{color:#ffd38a}.time-bar{background:#ffffff1f;height:5px;position:absolute;bottom:0;left:0;right:0}.time-bar i{background:var(--grad);height:100%;display:block}.live-tip{color:var(--ink);background:#fff;border-radius:12px;padding:10px 14px;font-size:15px;font-weight:600;position:absolute;bottom:16px;left:12px;right:12px;box-shadow:0 6px 24px #0000004d}.me-level{color:#8c97d6;align-items:center;gap:10px;margin-top:10px;font-size:13.5px;display:flex}.room-bottom{padding:16px var(--gutter) 28px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;min-height:92px;display:flex}.btn-done{color:var(--tile);background:#fff;padding:16px 30px;font-size:18px}.btn-done:hover{background:#e9ecf8}.kbd{color:#b7bfe0;border:1px solid #4b5590;border-radius:6px;padding:1px 7px;font-size:13px}.think{font-family:var(--display);font-size:44px;font-weight:800}.room-error{text-align:center;max-width:560px;padding:40px var(--gutter);margin:0 auto}.report-head{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:clamp(24px,4vw,56px);padding-top:12px;padding-bottom:40px;display:grid}.overall{align-items:flex-end;gap:18px;margin:8px 0 18px;display:flex}.overall .n{font-family:var(--display);letter-spacing:-.05em;font-size:clamp(80px,12vw,132px);font-weight:800;line-height:.85}.overall .of{color:var(--ink-3);padding-bottom:8px}.sample-flag{color:#7a4a06;background:#fff4e0;border-radius:8px;margin-bottom:8px;padding:5px 10px;font-size:14px;font-weight:600;line-height:1.35;display:inline-block}.meta-line{color:var(--ink-2);margin:0}.bars{gap:16px;display:grid}.bar-row{grid-template-columns:150px 1fr 44px;align-items:center;gap:14px;display:grid}.bar-row .name{font-weight:600}.bar-row .name small{color:var(--ink-3);font-size:13.5px;font-weight:400;display:block}.bar{background:#e5e8f3;border-radius:12px;height:12px;overflow:hidden}.bar i{border-radius:12px;height:100%;display:block}.bar i.good{background:var(--good)}.bar i.ok{background:#e19a2a}.bar i.low{background:var(--low)}.bar-row .val{font-family:var(--display);text-align:right;font-size:20px;font-weight:700}.coach{background:var(--tile);color:#fff;border-radius:20px;margin-top:28px;padding:clamp(20px,3vw,32px)}.coach p{color:#e3e7f7;margin:0 0 16px;font-size:18px}.coach .focus{border-top:1px solid var(--stage-line);grid-template-columns:1fr 1fr;gap:20px;padding-top:16px;display:grid}.coach h3{color:#9fb0ff;margin:0 0 4px;font-size:15px;font-weight:600}.coach .focus p{margin:0;font-size:16px}.first{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:32px;display:grid}.first-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.stat .v{font-family:var(--display);letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.1}.stat .k{color:var(--ink-2);margin-top:4px;font-size:14px;line-height:1.35}.stat .t{color:var(--ink-3);font-size:13px}.stat.good .v{color:var(--good)}.stat.ok .v{color:var(--ok)}.stat.low .v{color:var(--low)}.answer{border-top:1px solid var(--line);grid-template-columns:56px minmax(0,1fr);gap:8px 20px;padding:36px 0;display:grid}.answer-n{font-family:var(--display);color:#b9c0da;font-size:30px;font-weight:800;line-height:1.1}.answer-q{font-family:var(--display);letter-spacing:-.015em;margin:2px 0 10px;font-size:clamp(20px,2.2vw,25px);font-weight:700;line-height:1.25}.answer-kind{color:var(--ink-3);font-size:14px}.answer-body{grid-column:2;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;display:grid}.transcript{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;line-height:1.7}.transcript .f{background:var(--filler);color:#9e1f33;border-radius:4px;padding:0 3px;-webkit-text-decoration:line-through #9e1f3380;text-decoration:line-through #9e1f3380}.transcript .gap{color:var(--ink-3);background:#eef0f8;border-radius:4px;padding:0 5px;font-size:13px;display:inline-block}.transcript.empty{color:var(--ink-3);font-style:italic}.legend{color:var(--ink-3);flex-wrap:wrap;gap:16px;margin-top:8px;font-size:13.5px;display:flex}.minis{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:14px;display:grid}.minis .stat{padding:10px 12px}.minis .stat .v{font-size:21px}.verdict{margin:0 0 12px;font-size:18px;font-weight:600;line-height:1.4}.content-score{font-family:var(--display);align-items:baseline;gap:6px;margin-bottom:6px;font-size:26px;font-weight:800;display:inline-flex}.content-score small{font-family:var(--body);color:var(--ink-3);font-size:14px;font-weight:500}.tips h4{margin:16px 0 6px;font-size:15px}.tips ul{color:var(--ink-2);margin:0;padding-left:20px}.tips li{margin:4px 0}.better{border-left:3px solid var(--violet);margin-top:16px;padding:4px 0 4px 16px}.better summary{cursor:pointer;font-weight:600}.better p{color:var(--ink-2);margin:8px 0 0}.answer-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.how{color:var(--ink-2);font-size:15px}.how summary{cursor:pointer;color:var(--ink);font-weight:600}.how table{border-collapse:collapse;width:100%;max-width:760px;margin-top:12px}.how td,.how th{text-align:left;border-top:1px solid var(--line);vertical-align:top;padding:8px 10px 8px 0}.finishing{background:var(--stage);color:#fff;text-align:center;place-items:center;min-height:100svh;padding:24px;display:grid}.finishing h1{font-family:var(--display);letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(28px,4vw,44px);font-weight:800}.finishing p{color:#b7bfe0}@media (width<=900px){.pillars,.privacy,.setup,.report-head,.first,.answer-body{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.check-panel{position:static}.room-main{grid-template-columns:1fr;align-items:start}.me-video{aspect-ratio:4/3;max-height:34svh;margin:0}.me{order:-1}.room-q{min-height:0}.coach .focus{grid-template-columns:1fr}}@media (width<=560px){body{font-size:16px}.choices,.steps{grid-template-columns:1fr}.first-stats{grid-template-columns:1fr 1fr}.answer{grid-template-columns:1fr}.answer-body{grid-column:1}.bar-row{grid-template-columns:110px 1fr 40px}.nav .hide-sm{display:none}.hero-actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=560px){.hide-sm{display:none}}
