.recap-page{position:relative;overflow:hidden;isolation:isolate;min-height:calc(100vh - 60px);padding:58px max(24px,calc((100vw - 1200px)/2)) 38px;background:radial-gradient(ellipse at 5% 4%,#efddd3 0,transparent 45%),radial-gradient(ellipse at 96% 45%,#dddfed 0,transparent 55%),#e9ece4;color:#303c3a;font-family:Inter,Arial,sans-serif;line-height:1.6}.recap-page h1,.recap-page h2,.recap-page h3{font-family:Inter,Arial,sans-serif;font-weight:500;letter-spacing:-.04em}.recap-page h1{font-size:clamp(32px,4vw,54px);line-height:1.15;margin:14px 0}.recap-page h2{font-size:26px;line-height:1.3;margin:12px 0}.recap-page h3{font-size:16px;letter-spacing:-.01em}.recap-page p{margin:12px 0}.recap-page a{color:#3e635a}.recap-flower{position:absolute;z-index:-1;right:-55px;top:90px;color:#c8b5ae55;font-family:Georgia,serif;font-size:700px;line-height:1;transform:rotate(-15deg);pointer-events:none}.recap-top{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:26px}.recap-top p{color:#6b7771}.recap-eyebrow{font-size:10px;font-weight:600;letter-spacing:.2em;color:#677770}.recap-button{border:1px solid #819d914f;border-radius:100px;background:#fff8;color:#36574b;padding:10px 20px;cursor:pointer;font:12px/1.5 Inter,Arial,sans-serif;display:inline-flex;align-items:center;gap:20px;flex-shrink:0}.recap-button:hover{background:#fffffff0}.recap-button:disabled{cursor:default;opacity:.5}.recap-button input[type=file]{position:absolute;opacity:0;width:1px;height:1px}.recap-button:focus-within,.recap-button:focus-visible{outline:2px solid #477a64;outline-offset:3px}.recap-notice{font-size:11px;padding:13px 18px;border:1px solid #aaa98b5c;border-radius:12px;background:#f8f6e58c}.recap-notice span{opacity:.7}.recap-meta{display:flex;justify-content:space-between;gap:12px;margin:24px 0 16px;font-size:11px;color:#738078}.recap-glass{background:#ffffff69;border:1px solid #ffffffdf;box-shadow:0 10px 40px #6a77630a,inset 0 0 28px #ffffff35;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:25px;padding:30px;margin-bottom:20px}.recap-reflect{padding:36px}.recap-reflect h2{font-size:32px;max-width:950px}.recap-reflect p{color:#748077;font-size:12px}.recap-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.recap-cards h2{font-size:21px}.recap-score{font-size:65px;font-weight:400;letter-spacing:-.07em;margin:20px 0;line-height:1}.recap-score small{font-size:24px;letter-spacing:-.04em;color:#8b968d}.recap-score span{margin-left:20px;letter-spacing:.02em;font-size:12px;vertical-align:middle;border-radius:100px;padding:8px 12px;background:#d6e3d6;color:#4e6b57}.recap-cards p,.recap-facts li{font-size:13px}.recap-page dl{margin:24px 0}.recap-page dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #536b5020;padding:8px 0;font-size:12px}.recap-page dd{margin:0}.recap-page dt{color:#758074}.recap-facts{margin-top:20px}.recap-facts ul{padding-left:18px}.recap-facts li{margin-bottom:8px}.recap-feedback{display:grid;grid-template-columns:1fr 1fr;gap:32px}.recap-feedback .recap-facts{margin:0}.recap-replay-heading{display:flex;justify-content:space-between;align-items:center}.recap-status{text-transform:uppercase;font-size:10px;letter-spacing:.15em;border-radius:30px;padding:7px 14px;background:#e9e4d3}.status-ready{background:#d9e8d9}.status-failed{color:#994b45;background:#f1dbd7}.recap-replay>p{font-size:12px;color:#617165}.recap-videos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.recap-videos figure{margin:0;min-width:0}.recap-videos figcaption{font-size:10px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px;color:#778578}.recap-videos video,.recap-video-placeholder{display:block;aspect-ratio:16/9;width:100%;background:#14201c;border-radius:15px;object-fit:contain}.recap-video-placeholder{color:#9eaaa1;display:grid;place-items:center;padding:30px;text-align:center;font-size:12px;border:1px solid #5b786327;background:#e0e6dcaa}.recap-controls{display:flex;align-items:center;gap:16px;margin:22px 0 10px;font-size:11px}.recap-controls label{flex:1;font-size:0}.recap-controls input{display:block;width:100%;accent-color:#64816c}.recap-markers{display:flex;flex-wrap:wrap;gap:8px}.recap-markers button{font-size:10px;padding:6px 12px;border-color:#c48c65}.recap-caption{font-size:11px!important;color:#7a867d!important}.recap-error{color:#944d46!important}.recap-footer{display:flex;justify-content:space-between;font-size:11px;color:#7b877b;padding:15px 0}@media(max-width:700px){.recap-page{padding:28px 16px}.recap-top{align-items:flex-start;flex-direction:column}.recap-cards,.recap-videos,.recap-feedback{grid-template-columns:1fr}.recap-meta{flex-direction:column}.recap-glass{padding:23px;border-radius:20px}.recap-reflect h2{font-size:26px}.recap-controls{flex-wrap:wrap}.recap-controls label{min-width:120px}.recap-footer{gap:20px}}:root{--bg: #000000;--bg-elev: #050505;--panel: #0a0a0a;--panel-2: #121212;--line: #1f1f1f;--line-strong: #2e2e2e;--text: #ffffff;--text-2: rgba(255, 255, 255, .7);--text-3: rgba(255, 255, 255, .5);--accent: #8ef08a;--accent-strong: #5fd85d;--accent-ink: #000000;--ok: #8ef08a;--warn: #f5c451;--bad: #ff6b6b;--info: #9ec5ff;--muted: #7a7a7a;--ok-bg: rgba(142, 240, 138, .1);--warn-bg: rgba(245, 196, 81, .12);--bad-bg: rgba(255, 107, 107, .12);--info-bg: rgba(158, 197, 255, .12);--muted-bg: rgba(255, 255, 255, .06);--accent-bg: rgba(142, 240, 138, .1);--radius: 0px;--radius-sm: 0px;--shadow: none;--font: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--serif: "Instrument Serif", Georgia, serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono);font-size:.92em}h1,h2,h3{margin:0;letter-spacing:-.01em}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:10px 20px;background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:650;color:var(--text)}.brand:hover{text-decoration:none}.brand-mark{width:34px;height:34px}.brand small{color:var(--text-3);font-weight:500}.spacer{flex:1}.page{max-width:1480px;margin:0 auto;padding:20px}.page-narrow{max-width:980px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.panel-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:13px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)}.panel-body{padding:14px 16px}.panel-body.flush{padding:0}.grid{display:grid;gap:16px}.session-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr);gap:16px;align-items:start}.col{display:grid;gap:16px;min-width:0}@media(max-width:1100px){.session-grid{grid-template-columns:minmax(0,1fr)}}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:760px){.two{grid-template-columns:minmax(0,1fr)}.page{padding:16px}.topbar{padding:10px 16px}}.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid transparent}.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.pill.ok{color:var(--ok);background:var(--ok-bg)}.pill.warn{color:var(--warn);background:var(--warn-bg)}.pill.bad{color:var(--bad);background:var(--bad-bg)}.pill.info{color:var(--info);background:var(--info-bg)}.pill.muted{color:var(--text-2);background:var(--muted-bg)}.pill.accent{color:var(--accent);background:var(--accent-bg)}.pill.live .dot{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.chip{display:inline-flex;align-items:center;padding:1px 8px;border-radius:6px;font-size:12px;color:var(--text-2);background:var(--panel-2);border:1px solid var(--line)}.synthetic-banner{display:flex;gap:10px;align-items:center;padding:10px 14px;border-radius:var(--radius-sm);background:var(--warn-bg);color:var(--warn);font-weight:600;border:1px dashed color-mix(in srgb,var(--warn) 50%,transparent)}label.field{display:grid;gap:5px;font-size:12px;color:var(--text-2);font-weight:550}input,select,textarea{font:inherit;color:var(--text);background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:8px 10px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:600;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text);cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--text-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn.danger{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn.ghost:hover:not(:disabled){color:var(--text);background:var(--panel-2)}.btn.sm{padding:4px 10px;font-size:12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stack{display:grid;gap:12px}.muted{color:var(--text-3)}.small{font-size:12px}.error-text{color:var(--bad);font-size:13px}.empty{color:var(--text-3);font-size:13px;padding:18px 16px;text-align:center}.list{list-style:none;margin:0;padding:0}.list>li{padding:10px 16px;border-bottom:1px solid var(--line)}.list>li:last-child{border-bottom:0}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;font-weight:600;color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:8px 16px;border-bottom:1px solid var(--line)}table.data td{padding:9px 16px;border-bottom:1px solid var(--line);vertical-align:top}table.data tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto}.kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;font-size:13px}.kv dt{color:var(--text-3)}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.stage{position:relative;aspect-ratio:16 / 9;background:#050505;border-radius:0 0 var(--radius) var(--radius);overflow:hidden;display:grid;place-items:center}.stage video{width:100%;height:100%;object-fit:contain;background:#000}.stage-overlay{position:absolute;inset:auto 12px 12px;display:flex;gap:8px;flex-wrap:wrap;pointer-events:none}.stage-overlay .pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3}.stage-empty{text-align:center;color:#fff9;padding:24px;max-width:420px}.stage-empty h3{color:#fff;font-size:16px;margin-bottom:6px}.stepper{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:4px}.stepper .s{padding:6px 8px 7px;border-radius:7px;background:var(--panel-2);border:1px solid var(--line);font-size:11px;color:var(--text-3);text-align:center;font-weight:600}.stepper .s.done{color:var(--text-2);border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}.stepper .s.current{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.big-step{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.big-step .label{font-size:22px;font-weight:650}.progress{height:6px;background:var(--panel-2);border-radius:999px;overflow:hidden;border:1px solid var(--line)}.progress>span{display:block;height:100%;background:var(--accent);transition:width .3s ease}.notice{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px}.notice.warn{background:var(--warn-bg);color:var(--warn)}.notice.bad{background:var(--bad-bg);color:var(--bad)}.notice.info{background:var(--info-bg);color:var(--info)}.transcript{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto;padding:14px 16px}.bubble{max-width:88%;padding:8px 12px;border-radius:12px;font-size:13.5px;line-height:1.45;white-space:pre-wrap}.bubble.coach{background:var(--accent-bg);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);align-self:flex-start}.bubble.learner{background:var(--panel-2);border:1px solid var(--line);align-self:flex-end}.bubble.system{align-self:center;background:transparent;color:var(--text-3);font-size:12px}.bubble .who{display:block;font-size:11px;font-weight:650;color:var(--text-3);margin-bottom:2px}.timeline{list-style:none;margin:0;padding:6px 0;max-height:340px;overflow-y:auto}.timeline li{display:grid;grid-template-columns:68px 12px minmax(0,1fr);gap:10px;padding:5px 16px;font-size:13px}.timeline .t{color:var(--text-3);font-family:var(--mono);font-size:11.5px;padding-top:2px}.timeline .mark{width:9px;height:9px;border-radius:50%;margin-top:6px;background:var(--muted)}.timeline .mark.ok{background:var(--ok)}.timeline .mark.warn{background:var(--warn)}.timeline .mark.bad{background:var(--bad)}.timeline .mark.info{background:var(--info)}.timeline .mark.accent{background:var(--accent)}.replay-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.replay-grid.single{grid-template-columns:minmax(0,1fr);max-width:560px}@media(max-width:900px){.replay-grid{grid-template-columns:minmax(0,1fr)}}.replay-video{width:100%;border-radius:var(--radius-sm);background:#000;aspect-ratio:4 / 3;object-fit:contain}.chart{width:100%;height:220px;display:block;border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--line)}.scrub{width:100%;accent-color:var(--accent)}.joint-bars{display:grid;gap:5px;font-size:12px}.joint-bar{display:grid;grid-template-columns:minmax(80px,140px) minmax(0,1fr) 56px;gap:8px;align-items:center}.joint-bar .track{height:8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);position:relative;overflow:hidden}.joint-bar .fill{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:999px}.joint-bar.invalid .fill{background:var(--muted)}.joint-bar .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2)}.joint-bar .val{text-align:right;font-family:var(--mono);color:var(--text-2)}.hero{padding:36px 0 24px}.hero h1{font-size:30px;font-weight:700;margin-bottom:8px}.hero p{color:var(--text-2);max-width:720px;font-size:15px;margin:0}.code-box{font-family:var(--mono);font-size:18px;letter-spacing:.18em;font-weight:650}.invite{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line)}.invite:last-child{border-bottom:0}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--line-strong);padding:10px 16px;border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:50;font-size:13px;max-width:calc(100vw - 32px)}.conn-banner{padding:8px 20px;font-size:13px;text-align:center;background:var(--bad-bg);color:var(--bad);border-bottom:1px solid var(--line)}@media(max-width:560px){.topbar .chip,.brand small{display:none}.topbar{gap:10px}}h1{font-family:var(--serif);font-weight:400;letter-spacing:-.03em;line-height:.95}h1,.hero h1{font-size:clamp(44px,5.5vw,72px);font-weight:400;margin-bottom:16px}.hero p{max-width:660px}.big-step .label{font-family:var(--serif);font-weight:400;font-size:30px;letter-spacing:-.02em}.topbar{background:var(--bg);border-bottom-color:var(--line)}.brand{font-weight:600;font-size:20px;letter-spacing:0;color:var(--text)}.brand small{font-size:12px;font-weight:400;text-transform:lowercase}.panel-head h2{font-weight:500;letter-spacing:.08em}.btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn.primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}input,select,textarea{border-radius:0}.brand{align-items:flex-end;gap:1px}.brand-dot{font-family:var(--serif);font-size:36px;line-height:.62;color:var(--text);margin-left:-3px;transform:translateY(-5px)}.home{max-width:560px;margin:0 auto;padding-top:56px;padding-bottom:64px}.home-hero{text-align:center;margin-bottom:36px}.home-hero h1{font-size:clamp(44px,6vw,64px);margin-bottom:14px}.home-hero p{margin:0 auto;color:var(--text-2);font-size:15px;max-width:520px}.home-hero .home-note{margin-top:10px;color:var(--text-3);font-size:12px}.home .code-box{text-align:center;font-size:26px;letter-spacing:.3em;padding:14px 12px}.btn.block{width:100%;padding-top:12px;padding-bottom:12px}.small.center{text-align:center}.home-or{text-align:center;color:var(--text-3);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:18px 0}.home-details summary{cursor:pointer;color:var(--text-2);font-size:12px;margin-bottom:10px}.home-details[open] summary{margin-bottom:12px}.home-sessions{margin-top:40px}