:root{--bg:#0b0b0f;--surface:#12121a;--surface-2:#1a1a24;--line:#1f1f2e;--line-2:#2a2a3d;--ink:#f4f4fa;--ink-2:#cfcfdc;--ink-3:#a3a3b8;--accent:#049eda;--accent-ink:#0b0b0f;--accent-soft:#0b2230;--good:#34d399;--bad:#ff8a80;--font-title:"Syne", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--gutter:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width>=720px){:root{--gutter:32px}}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink-2);font-family:var(--font-body);margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,p{margin:0}h1,h2,h3{color:var(--ink);font-family:var(--font-title);letter-spacing:-.02em;text-wrap:balance;font-weight:800;line-height:1.1}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{color:var(--accent);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}.muted{color:var(--ink-3)}.btn{min-height:46px;font:600 1rem/1 var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 20px;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-secondary{border-color:var(--line-2);color:var(--ink);background:0 0}.btn-ghost{color:var(--ink-2);background:0 0;min-height:36px;padding:0 10px;font-size:1.5rem}.centre{min-height:100%;padding:var(--gutter);place-items:center;display:grid}.start{min-height:100%;padding:24px var(--gutter) 40px}.start-form{gap:18px;max-width:640px;margin:0 auto;display:grid}.how{border-left:3px solid var(--accent);background:var(--surface);gap:8px;padding:14px 16px;display:grid}.how p{color:var(--ink-2);margin:0}.how h2{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:4px 0 0;font-size:.75rem;font-weight:400}.how ul{color:var(--ink);gap:4px;margin:0;padding-left:18px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;gap:18px;width:100%;max-width:480px;padding:24px;display:grid}.field,fieldset{border:0;gap:8px;margin:0;padding:0;display:grid}.field>span,legend{color:var(--ink);margin-bottom:4px;font-weight:600}select,textarea{border:1px solid var(--line-2);background:var(--bg);width:100%;min-height:46px;color:var(--ink);font:inherit;border-radius:6px;padding:10px 12px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-2);min-height:40px;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;padding:0 14px;display:inline-flex}.chip input{opacity:0;width:0;height:0;position:absolute}.chip:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.chip:has(input:focus-visible){outline:2px solid var(--accent)}.chip-off{color:var(--ink-3);cursor:default}.chip small{font-family:var(--font-mono);letter-spacing:.04em;font-size:.6875rem}.consent{color:var(--ink-3);font-size:.875rem}.drill{flex-direction:column;min-height:100%;display:flex}.drill-head{z-index:5;padding:10px var(--gutter);background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:12px;display:flex;position:sticky;top:0}.drill-head>div{flex:1;min-width:0}.drill-head h1{font-size:1.125rem}.clock{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);font-size:1.375rem}.clock-low{color:var(--bad)}.drill-body{flex:1;grid-template-columns:minmax(0,1fr);display:grid}@media (width>=900px){.drill-body{grid-template-columns:minmax(0,1fr) 360px}.brief-toggle,.brief-close{display:none}}.stage{padding:16px var(--gutter) 32px;align-content:start;gap:16px;max-width:720px;display:grid}.chat{gap:10px;margin:0;padding:0;list-style:none;display:grid}.bubble{max-width:90%;color:var(--ink);border-radius:12px;gap:2px;padding:10px 14px;display:grid}.bubble .who{color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem}.bubble-customer{background:var(--accent-soft);border-bottom-left-radius:4px;justify-self:start}.bubble-learner{background:var(--surface-2);border-bottom-right-radius:4px;justify-self:end}.bubble-wait{color:var(--ink-3)}.answer{gap:10px;display:grid}.answer-actions{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.answer[hidden]{display:none}.note{color:var(--ink-3);font-size:.9375rem}.error{color:var(--bad)}.brief{padding:16px var(--gutter) 32px;background:var(--surface);border-left:1px solid var(--line);align-content:start;gap:20px;min-width:0;display:grid}@media (width<=899px){.brief{z-index:20;border-left:0;border-top:1px solid var(--line-2);max-height:75vh;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;transition:transform .2s;position:fixed;inset:auto 0 0;overflow-y:auto;transform:translateY(100%)}.brief-open{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.brief{transition:none}}.brief-head{z-index:1;margin:-16px calc(-1 * var(--gutter)) 0;padding:12px var(--gutter);background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex;position:sticky;top:-16px}.brief section{gap:8px;display:grid}.steps{counter-reset:step;gap:6px;margin:0;padding:0;list-style:none;display:grid}.steps li{color:var(--ink);align-items:flex-start;gap:10px;display:flex}.steps li:before{counter-increment:step;content:counter(step);color:var(--ink-3);font-family:var(--font-mono);margin-top:4px;font-size:.75rem}.steps li.hit{color:var(--good)}.tick{width:1.25em;font-family:var(--font-mono);flex-shrink:0}.material{color:var(--ink-2);gap:8px;font-size:.875rem;display:grid}.material h4{color:var(--ink);margin-top:6px;font-size:.9375rem}.material strong{color:var(--ink)}.table-wrap{overflow-x:auto}.material table{border-collapse:collapse;min-width:100%;font-size:.8125rem}.material th,.material td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:6px 8px}.material th{color:var(--ink)}.score,.report{background:var(--surface);border:1px solid var(--line);border-radius:10px;gap:16px;padding:16px;display:grid}.report{width:calc(100% - 2 * var(--gutter));max-width:640px;margin:24px auto}.score-head,.report-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.score-big{color:var(--ink);font-family:var(--font-title);font-variant-numeric:tabular-nums;font-size:2.75rem;font-weight:800;line-height:1}.score-big small{color:var(--ink-3);font-size:1rem;font-weight:400}.badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:4px;padding:4px 10px;font-size:.75rem}.badge-pass{color:var(--good);background:#10301f}.badge-fail{color:var(--bad);background:#3a1a1a}.checks{gap:10px;margin:0;padding:0;list-style:none;display:grid}.checks li{align-items:flex-start;gap:10px;display:flex}.checks li>div{gap:2px;min-width:0;display:grid}.checks strong{color:var(--ink)}.checks small{color:var(--ink-3)}.checks .hit .tick{color:var(--good)}.checks .miss .tick{color:var(--bad)}.claims ul{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.claims li{gap:2px;display:grid}.claims q{color:var(--ink)}.claims .tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;justify-self:start;font-size:.6875rem}.claims .ok .tag{color:var(--good)}.claims .bad .tag{color:var(--bad)}.claims small{color:var(--ink-3)}.feedback{color:var(--ink)}.feedback-list{gap:6px;margin:0;padding-left:18px;display:grid}.bars{gap:10px;margin:0;padding:0;list-style:none;display:grid}.bar{grid-template-columns:minmax(96px,40%) 1fr;align-items:center;gap:10px;font-size:.875rem;display:grid}.bar-track{align-items:center;gap:8px;padding-right:44px;display:flex}.bar-fill{background:var(--accent);border-radius:0 4px 4px 0;min-width:2px;height:14px}.bar-value{color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:-44px}.btn-link{color:var(--accent);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:center;text-decoration:underline}.bubble-partial{opacity:.7;font-style:italic}.voice-status{color:var(--ink-2);align-items:center;gap:10px;margin:0;display:flex}.voice-status .dot{background:var(--ink-3);border-radius:50%;flex:none;width:10px;height:10px}.voice-customer .dot{background:var(--accent)}.voice-listening .dot{background:var(--good)}.meter{background:var(--line-2);border-radius:3px;height:6px;overflow:hidden}.meter span{background:var(--good);transform-origin:0;height:100%;transition:transform 90ms linear;display:block}.btn-rec{background:var(--bad);border-color:var(--bad);color:var(--accent-ink)}.spinner{vertical-align:-.15em;border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.pill{border:1px solid var(--line-2);font-family:var(--font-mono);white-space:nowrap;color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;margin:0;padding:4px 10px;font-size:.75rem;display:inline-flex}.pill .dot{background:var(--bad);border-radius:50%;width:8px;height:8px}.pill-recording{border-color:var(--bad);color:var(--ink)}.pill-listening{border-color:var(--good);color:var(--ink)}.pill-customer{border-color:var(--accent)}.overlay{z-index:30;padding:var(--gutter);background:#0b0b0fcc;place-items:center;display:grid;position:fixed;inset:0}.overlay-card{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);border-radius:12px;justify-items:center;gap:14px;padding:28px 32px;font-size:1.0625rem;display:grid}.overlay-card p{margin:0}.spinner-big{width:36px;height:36px;color:var(--accent);border-width:3px}.brief-toggle{align-items:center;gap:8px;display:inline-flex}.brief-icon .line,.brief-icon .page,.brief-icon .cross{transition:opacity .16s ease-out}.brief-icon .cross{opacity:0}.brief-icon-open .cross{opacity:1}.brief-icon-open .line,.brief-icon-open .page{opacity:0}#round-score{scroll-margin-top:96px}.overlay-title{font-weight:600}.overlay-step{text-align:center;max-width:260px;min-height:2.6em;color:var(--ink-2);font-size:.9375rem;animation:.3s ease-out fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.start{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.startbar{z-index:10;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--line);position:fixed;inset:auto 0 0}.startbar .btn{width:100%;max-width:640px;margin:0 auto;display:flex}.end-round{text-align:right;margin:0}.link-btn{min-height:44px;color:var(--ink-2);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:.9375rem;text-decoration:underline}.link-btn:disabled{opacity:.45;cursor:default}.overlay-lead{color:var(--ink-2)}.answer-actions:empty{display:none}.overlay-card{justify-items:stretch;min-width:min(300px,100%)}.overlay-lead,.overlay-title{text-align:center}.overlay-steps{gap:14px;margin:6px 0 0;padding:0;font-size:.9375rem;list-style:none;display:grid}.overlay-steps li{grid-template-columns:20px 1fr;align-items:center;gap:10px;transition:color .2s ease-out;display:grid}.overlay-steps .done{color:var(--ink-3)}.overlay-steps .now{color:var(--ink)}.overlay-steps .next{color:var(--ink-3);opacity:.6}.overlay-steps .tick{color:var(--good,var(--accent));text-align:center}.overlay-steps .spinner{color:var(--accent)}.dot-next{background:currentColor;border-radius:50%;justify-self:center;width:6px;height:6px}.site-header{top:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex;position:sticky}@media (width>=860px){.site-header{padding:0 40px}}.brand{white-space:nowrap;align-items:baseline;gap:10px;min-width:0;margin:0;display:flex}.brand strong{color:var(--ink);font-family:var(--font-title);letter-spacing:-.02em;font-size:1.125rem;font-weight:800}.brand span{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.back-link{color:var(--ink-3);font-family:var(--font-mono);white-space:nowrap;text-underline-offset:3px;font-size:.75rem;text-decoration:underline}.back-link:hover{color:var(--ink)}.answer-actions .btn-wide{grid-column:1/-1}.answer-actions-rec{grid-template-columns:1fr 1fr}.restart{text-align:center;margin:0}