*{box-sizing:border-box}:root{color-scheme:light;font-family:Inter,Arial,sans-serif;color:#17201e;background:#f5f5f1;font-size:16px;line-height:1.6;--blue:#2359e8;--line:#d8ddd8;--muted:#616c68}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:3px;padding:12px 20px;background:white;color:inherit;font-size:14px;font-weight:600}button:hover{background:#e8ece6}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#1947c4}.text-button{background:transparent;border-color:transparent;color:#17201e}a{color:inherit}.skip-link{position:fixed;top:-100px;left:20px;z-index:20;padding:12px;background:white}.skip-link:focus{top:12px}
header{min-height:80px;padding:16px max(24px,4.45vw);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px}.brand{font-size:29px;line-height:1;letter-spacing:-1.6px;font-weight:700;text-decoration:none}.brand span{color:var(--blue)}.studio-label{border-left:1px solid var(--line);padding-left:24px;font-size:13px;color:var(--muted)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:24px}.prototype{font-size:10px;letter-spacing:1.2px;color:var(--muted)}.home-link{font-size:13px;text-decoration:none}.home-link:hover{text-decoration:underline}main{max-width:1400px;padding:48px 48px 0;margin:auto}.session{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.5px;margin:0 0 12px;color:var(--muted)}h1{font-size:clamp(28px,3vw,42px);font-weight:600;letter-spacing:-1.5px;line-height:1.15;margin:0}h2{font-size:28px;font-weight:600;line-height:1.3;letter-spacing:-.8px}h3{font-size:21px;font-weight:600}.pill{white-space:nowrap;border:1px solid var(--line);border-radius:3px;font-size:12px;padding:8px 12px;background:white}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.7;color:var(--muted)}.small strong{display:block;color:#17201e;font-weight:600;margin-top:4px}
#stages{display:flex;margin:32px 0;gap:0;border-bottom:1px solid var(--line)}#stages button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);font-size:13px;font-weight:500;padding:12px 24px 16px;opacity:1}#stages button.active{border-bottom-color:var(--blue);color:var(--blue)}#stages b{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;margin-right:10px;font-size:11px}#stages button.active b{background:var(--blue);border-color:var(--blue);color:white}
.workspace{display:grid;grid-template-columns:1fr 2.15fr;gap:40px}aside{padding:20px 0}aside h2{margin:18px 0 20px;font-size:29px}.tip{border-left:2px solid var(--blue);padding-left:18px;margin:40px 0}.tip p{font-size:14px;margin:6px 0;color:var(--muted)}.video-shell{aspect-ratio:16/10;background:#172025;border-radius:5px;overflow:hidden;position:relative;display:grid;place-items:center;border:1px solid #29343a;color:#f5f5f1}video{width:100%;height:100%;object-fit:contain;position:absolute;background:#101719}#empty{position:relative;text-align:center;padding:28px;width:100%;height:100%;background:#172025;display:flex;flex-direction:column;align-items:center;justify-content:center}#empty h2{font-size:25px;margin:16px 0 0}#empty p{color:#b2bdbf;font-size:14px;max-width:420px}#empty .small{font-size:12px}.camera-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #536166;border-radius:50%;font-size:24px;color:#aebffa}.media-badge{position:absolute;top:18px;left:18px;background:#172025ef;padding:6px 12px;border-radius:3px;font-size:11px;letter-spacing:.5px;color:#f5f5f1}.transport{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.transport #clock{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted)}
#review{max-width:960px;margin:auto}.review-intro{text-align:center;margin:36px auto 28px;max-width:660px}.review-intro h2{margin:0;font-size:clamp(26px,3vw,36px)}.review-intro p:last-child{margin:12px 0;font-size:15px}#review-media .video-shell{max-width:800px;margin:auto;aspect-ratio:16/9}#audio-surface{text-align:center;background:#e9ede6;border:1px solid var(--line);border-radius:5px;padding:40px 30px}#audio-surface h3{font-size:28px;letter-spacing:-1px;margin:12px 0}.wave{height:100px;display:flex;align-items:center;justify-content:center;gap:5px;margin:25px 0}.wave i{display:block;width:5px;border-radius:2px;background:var(--blue)}.playback{display:flex;align-items:center;gap:20px;margin:20px auto;max-width:800px}.playback input{flex:1;min-width:50px;accent-color:var(--blue)}#position{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.example-note{text-align:center;font-size:12px;color:var(--muted);margin:20px 0}.guide-message{text-align:center;color:var(--muted);font-size:14px;margin:20px 0}.highlights{display:block}.feedback{display:flex;align-items:center;gap:22px;padding:26px;background:#eaf0e8;border:1px solid #c7d7c4;border-left:3px solid #367047;border-radius:3px}.feedback.improve{background:#f3efe4;border-color:#ddd2b4;border-left-color:#947228}.feedback-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;color:#367047;border:1px solid #b5cbb5;font-size:22px}.feedback.improve .feedback-icon{color:#80621e;border-color:#d7c392}.feedback-copy{flex:1}.feedback-copy .eyebrow{margin-bottom:6px;font-size:10px}.feedback-copy .kind{color:#30653c;font-size:12px}.feedback.improve .kind{color:#7c5d19}.feedback h3{margin:5px 0;font-size:22px}.feedback p:last-child{color:#48564d;margin:0;font-size:15px}.feedback button{white-space:nowrap}.playback input:disabled{opacity:.65;cursor:default}
.review-footer{display:flex;justify-content:space-between;gap:20px;margin:28px 0;padding-top:22px;border-top:1px solid var(--line)}#scorecard{background:white;border:1px solid var(--line);border-radius:4px;padding:32px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.score{font-size:72px;line-height:1.2;letter-spacing:-4px;color:var(--blue)}.score small{font-size:22px;letter-spacing:0;color:var(--muted)}.category{margin-bottom:18px}.category div{display:flex;justify-content:space-between;font-size:14px}.category progress{width:100%;height:6px;accent-color:var(--blue)}.category p{font-size:13px;color:var(--muted);margin:3px 0}#complete{max-width:650px;margin:90px auto;text-align:center}#complete h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.7px}#complete .primary{margin-top:20px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding:22px 0;margin-top:48px}#status{color:#825315;font-size:14px}#status:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}.is-playing .wave i{animation:voice-pulse .8s ease-in-out infinite alternate}.is-playing .wave i:nth-child(3n){animation-delay:-.3s}.is-playing .wave i:nth-child(2n){animation-delay:-.6s}@keyframes voice-pulse{to{transform:scaleY(.55)}}
.score{font-size:clamp(40px,4.2vw,60px);letter-spacing:-2px;white-space:nowrap}
.practice-guidance{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:14px}.practice-guidance p{color:var(--muted);margin:6px 0 20px}
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.is-playing .wave i{animation:none}}
@media(max-width:900px){main{padding:32px 24px 0}.workspace{grid-template-columns:1fr 1.7fr;gap:24px}.workspace aside h2{font-size:24px}.transport{flex-wrap:wrap}.header-actions{gap:16px}.prototype{display:none}}
@media(max-width:650px){header{min-height:70px;padding:16px 20px;gap:14px}.brand{font-size:27px}.studio-label{font-size:11px;padding-left:14px}.home-link{display:none}.header-actions{gap:0}.header-actions button{padding:8px;font-size:12px}main{padding:28px 20px 0}.session{align-items:flex-start;flex-direction:column;gap:16px}.workspace{grid-template-columns:1fr;gap:16px}.workspace aside{padding:0}.workspace aside h2{font-size:24px;margin:10px 0}.tip,.workspace aside .small{display:none}.workspace aside .muted{font-size:14px}#stages{margin:24px 0;justify-content:space-between}#stages button{font-size:11px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:6px}#stages b{margin:0}.video-shell{aspect-ratio:4/3}#empty{padding:20px}#empty h2{font-size:21px}#empty p{margin:8px 0 16px}#empty .small{display:none}.transport .text-button{font-size:12px;padding:8px}.playback{gap:12px;flex-wrap:wrap}.playback button{padding:10px 14px}#position{width:100%;text-align:right}#scorecard{grid-template-columns:1fr;gap:24px;padding:24px}.review-footer{align-items:center;gap:10px}.review-footer button{padding:12px;font-size:12px}.wave{gap:3px}.feedback{flex-wrap:wrap;gap:14px;padding:20px}.feedback-copy{min-width:180px}.feedback button{width:100%}.feedback h3{font-size:20px}#audio-surface{padding:28px 16px}footer{font-size:10px;gap:12px}#complete{margin:50px auto}}