.speaking-lab-overlay{position:fixed;inset:0;z-index:145;display:none;overflow:auto;padding:18px;background:radial-gradient(circle at 8% 8%,rgba(255,166,112,.34),transparent 28%),radial-gradient(circle at 92% 12%,rgba(159,211,168,.38),transparent 30%),#fff8f2}.speaking-lab-overlay.open{display:block}.speaking-lab-shell{width:min(1320px,100%);min-height:calc(100vh - 36px);margin:auto;border:1px solid #ecd9cc;border-radius:32px;background:rgba(255,255,255,.97);box-shadow:0 30px 80px rgba(86,55,37,.17);overflow:hidden}.speaking-lab-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 22px;border-bottom:1px solid #eee1d8;background:#fffdf9}.speaking-lab-brand{display:flex;align-items:center;gap:13px}.speaking-lab-brand i{width:55px;height:55px;display:grid;place-items:center;border-radius:18px;background:#ffe7d7;font-size:29px;font-style:normal}.speaking-lab-brand h2{margin:0;font-size:clamp(25px,2.8vw,38px)}.speaking-lab-brand p{margin:3px 0 0;color:#766a62;font-size:12px}.speaking-lab-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.speaking-save-state{padding:7px 10px;border-radius:999px;background:#e9f7ec;color:#327044;font-size:9px;font-weight:750}
.speaking-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:10px 22px 16px}.speaking-steps button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 7px;border:0;border-radius:13px;background:#f5f1ee;color:#8a7c73;font:700 10px Lexend,sans-serif;cursor:pointer}.speaking-steps button b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#fff}.speaking-steps button.active{background:#3f5148;color:#fff}.speaking-steps button.active b{color:#3f5148}
.speaking-lab-main{min-height:610px;padding:0 22px 22px}.speaking-lab-panel{display:none;animation:speakingRise .24s ease}.speaking-lab-panel.active{display:block}@keyframes speakingRise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.speaking-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px;padding:20px;border-radius:22px;background:linear-gradient(135deg,#fff3ea,#f3f0fb)}.speaking-section-head>div>span{color:#d05c31;font-size:9px;font-weight:850;letter-spacing:.12em}.speaking-section-head h3{margin:5px 0 4px;font-size:clamp(23px,2.6vw,34px);letter-spacing:-.035em}.speaking-section-head p{margin:0;color:#7c6f67;font-size:11px}.speaking-bank-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:13px}.speaking-bank-tabs button{padding:10px 14px;border:1px solid #e7d8ce;border-radius:999px;background:#fff;color:#665950;font:750 11px Lexend,sans-serif;cursor:pointer}.speaking-bank-tabs button.active{border-color:#f47743;background:#ffe9dc;color:#bd4b22}.speaking-prompt-card{padding:27px;border:2px solid #f0d9ca;border-radius:27px;background:linear-gradient(155deg,#fffdfb,#fff4eb);box-shadow:0 13px 30px rgba(88,59,40,.07)}.speaking-prompt-card>span{display:inline-block;padding:7px 10px;border-radius:999px;background:#3f5148;color:#fff;font-size:9px;font-weight:800;letter-spacing:.1em}.speaking-prompt-card textarea{width:100%;min-height:185px;margin:14px 0;padding:0;border:0;background:transparent;color:#342e2a;font:700 clamp(22px,2.8vw,36px)/1.4 Lexend,sans-serif;resize:vertical;outline:none}.speaking-prompt-actions,.speaking-panel-footer{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.speaking-panel-footer{margin-top:17px;padding-top:15px;border-top:1px solid #eee1d9}
.speaking-prepare-flow{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:12px;padding:10px 14px;border:1px solid #eadfd7;border-radius:16px;background:#fffaf6}.speaking-prepare-flow span{display:flex;align-items:center;gap:6px;color:#7b6e66;font-size:9px;font-weight:850;letter-spacing:.08em}.speaking-prepare-flow span b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#f1ebe7;color:#766960;font-size:8px}.speaking-prepare-flow span.active{color:#bf4f27}.speaking-prepare-flow span.active b{background:#f47743;color:#fff}.speaking-prepare-flow i{color:#cbbdb4;font-style:normal}.speaking-prepare-workspace{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:13px}.speaking-plan-card{padding:17px;border:1px solid #eadfd7;border-radius:23px;background:#fff}.speaking-funnel-reminder{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px;padding:10px 13px;border-radius:15px;background:linear-gradient(135deg,#fff1e7,#faf3ff)}.speaking-funnel-reminder>div{display:flex;align-items:center;gap:0}.speaking-funnel-reminder span{margin-right:8px;color:#a64c2b;font-size:7px;font-weight:850;letter-spacing:.1em}.speaking-funnel-reminder b{display:grid;place-items:center;height:25px;margin-left:-3px;padding:0 12px;background:#fff;border:1px solid #e8d8ce;color:#5c5049;font-size:7px;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}.speaking-funnel-reminder b:nth-of-type(2){padding-inline:10px}.speaking-funnel-reminder b:nth-of-type(3){padding-inline:8px}.speaking-funnel-reminder b:nth-of-type(4){padding-inline:6px}.speaking-funnel-reminder p{margin:0;color:#80736b;font-size:8px;line-height:1.5;text-align:right}.speaking-prepare-label{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:8px}.speaking-prepare-label span,.speaking-plan-head span{color:#d05c31;font-size:7px;font-weight:850;letter-spacing:.11em}.speaking-prepare-label h4{margin:2px 0 0;font-size:12px}.speaking-prepare-label small{color:#8a7d74;font-size:7px}.speaking-idea-chips{display:flex;gap:6px;flex-wrap:wrap}.speaking-idea-chips button{padding:8px 10px;border:1px solid #efd3c2;border-radius:999px;background:#fff6ef;color:#9b4b2d;font:800 9px Lexend,sans-serif;cursor:pointer}.speaking-idea-chips button:hover,.speaking-idea-chips button.active{border-color:#f47743;background:#ffe4d4;color:#ad3e18}.speaking-plan-head{display:flex;align-items:center;justify-content:space-between;margin:14px 0 7px;padding-top:12px;border-top:1px solid #eee3dc}.speaking-plan-head h3{margin:2px 0 0;font-size:16px}.speaking-clear-plan{padding:6px 9px;border:0;border-radius:9px;background:#f3efec;color:#786b63;font:700 8px Lexend,sans-serif;cursor:pointer}.speaking-plan-textarea{width:100%;min-height:160px;padding:13px 14px;border:2px solid #eadbd2;border-radius:15px;background:#fffdfa;color:#3f3732;font:650 12px/1.7 Lexend,sans-serif;resize:vertical;outline:none}.speaking-plan-textarea:focus{border-color:#f47743;box-shadow:0 0 0 4px rgba(244,119,67,.09)}.speaking-strategy-tools{margin-top:13px}.speaking-strategy-chips{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.speaking-strategy-chips button{min-width:0;padding:8px;border:1px solid #ded4e9;border-radius:12px;background:#faf7fd;color:#5e526c;text-align:left;cursor:pointer}.speaking-strategy-chips button span{display:block;color:#9a84b5;font-size:7px;font-weight:850}.speaking-strategy-chips button b{display:block;margin:2px 0;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speaking-strategy-chips button small{display:block;color:#80748c;font-size:6.5px;line-height:1.35}.speaking-strategy-chips button:hover,.speaking-strategy-chips button.active{border-color:#9d82c3;background:#eee7f8;color:#59456d}.speaking-prepare-side{display:grid;align-content:start;gap:10px}.speaking-compact-clock{padding:19px;border:1px solid #dbe9de;border-radius:22px;background:#eef7ef;display:flex;flex-direction:column;justify-content:center;text-align:center}.speaking-compact-clock>div:first-child span{display:block;color:#486250;font-size:10px;font-weight:850;letter-spacing:.16em}.speaking-compact-clock>div:first-child b{display:block;margin:9px 0;font-size:clamp(42px,5vw,66px);letter-spacing:-.05em}.speaking-clock-settings{display:flex;align-items:center;justify-content:center;gap:6px}.speaking-clock-settings select{max-width:83px;padding:8px;border:1px solid #cfddcf;border-radius:10px;background:#fff;font:700 10px Lexend,sans-serif}.speaking-clock-buttons{display:flex;justify-content:center;gap:7px;margin-top:12px}.speaking-mini-progress{height:7px;margin-top:14px;border-radius:999px;background:#dbe7dc;overflow:hidden}.speaking-mini-progress span{display:block;width:100%;height:100%;border-radius:inherit;background:#4ea269;transition:width .25s linear}.speaking-ready-cue{padding:16px;border-radius:18px;background:#3f5148;color:#fff}.speaking-ready-cue span{font-size:7px;font-weight:850;letter-spacing:.12em;color:#cbe2d1}.speaking-ready-cue b{display:block;margin:6px 0;font-size:12px;line-height:1.55}.speaking-ready-cue small{color:#d9e6dc;font-size:7px}.speaking-clock-inline{min-width:260px;padding:12px 16px}.speaking-clock-inline>div:first-child{display:flex;align-items:center;justify-content:center;gap:10px}.speaking-clock-inline>div:first-child b{margin:0;font-size:32px}
.speaking-takes{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.speaking-take{position:relative;padding:20px;border:2px solid #eadfd7;border-radius:23px;background:#fff;transition:.2s}.speaking-take.best{border-color:#e7b535;background:#fffbed;box-shadow:0 12px 28px rgba(164,120,20,.1)}.speaking-take.recording{border-color:#e55353;box-shadow:0 0 0 4px rgba(229,83,83,.1)}.speaking-take-number{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f47743;color:#fff;font-size:12px;font-weight:850}.speaking-take h4{margin:12px 0 6px;font-size:16px}.speaking-take p{min-height:36px;margin:0 0 12px;color:#7e7169;font-size:10px;line-height:1.55}.speaking-record-actions{display:flex;gap:7px}.speaking-record,.speaking-stop,.speaking-best{border:0;border-radius:11px;padding:9px 11px;font:750 9px Lexend,sans-serif;cursor:pointer}.speaking-record{background:#e65353;color:#fff}.speaking-stop{background:#f0e9e4;color:#574c45}.speaking-record:disabled,.speaking-stop:disabled{opacity:.45;cursor:not-allowed}.speaking-record-status{min-height:18px;margin-top:8px;color:#84766e;font-size:9px}.speaking-take audio{width:100%;height:34px;margin-top:7px}.speaking-best{width:100%;margin-top:10px;background:#fff0c7;color:#886511}.speaking-take.best .speaking-best{background:#e5b72f;color:#fff}
.speaking-rubric{display:grid;gap:9px}.speaking-rubric article{display:grid;grid-template-columns:minmax(150px,.5fr) 1fr;align-items:center;gap:15px;padding:13px 16px;border:1px solid #eadfd7;border-radius:16px;background:#fff}.speaking-rubric article>div:first-child{display:flex;justify-content:space-between;gap:10px}.speaking-rubric b{font-size:12px}.speaking-rubric small{color:#82746c;font-size:9px}.speaking-score-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.speaking-score-row button{height:34px;border:1px solid #ded5ce;border-radius:10px;background:#faf8f6;color:#786b62;font:750 10px Lexend,sans-serif;cursor:pointer}.speaking-score-row button.active{border-color:#4fa06a;background:#e8f6ec;color:#317044}.speaking-feedback-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.speaking-feedback-notes label{padding:14px;border-radius:17px;background:#f4faf5;font-size:11px;font-weight:750}.speaking-feedback-notes label:last-child{background:#fff5ed}.speaking-feedback-notes textarea{width:100%;min-height:100px;margin-top:9px;padding:11px;border:1px solid #dfd8d2;border-radius:12px;font:11px/1.55 Lexend,sans-serif;resize:vertical}
.speaking-exit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.speaking-exit-grid label{padding:18px;border:1px solid #eadfd7;border-radius:21px;background:#fff}.speaking-exit-grid i{display:block;margin-bottom:9px;font-size:28px;font-style:normal}.speaking-exit-grid b{display:block;min-height:34px;font-size:12px}.speaking-exit-grid textarea{width:100%;min-height:130px;margin-top:10px;padding:11px;border:1px solid #e6d8cf;border-radius:12px;font:11px/1.55 Lexend,sans-serif;resize:vertical}.speaking-summary{margin-top:14px;padding:16px;border-radius:18px;background:#eef7ef}.speaking-summary span{display:block;color:#4c6b55;font-size:8px;font-weight:850;letter-spacing:.12em}.speaking-summary b{display:block;margin:5px 0;font-size:15px}.speaking-summary p{margin:0;color:#65736a;font-size:10px}.speaking-status{position:sticky;bottom:0;padding:11px 20px;border-top:1px solid #eadfd7;background:rgba(63,81,72,.96);color:#fff;text-align:center;font-size:10px}.speaking-lab-shell:fullscreen{width:100%;height:100%;border:0;border-radius:0;overflow:auto}
@media(max-width:900px){.speaking-prepare-workspace{grid-template-columns:1fr}.speaking-prepare-side{grid-template-columns:1fr 1fr}.speaking-strategy-chips{grid-template-columns:repeat(3,1fr)}.speaking-takes,.speaking-exit-grid{grid-template-columns:1fr}.speaking-steps{grid-template-columns:repeat(5,minmax(105px,1fr));overflow-x:auto;justify-content:start}.speaking-lab-head,.speaking-section-head{align-items:flex-start}.speaking-section-head{flex-direction:column}.speaking-clock-inline{width:100%}}@media(max-width:620px){.speaking-lab-overlay{padding:0}.speaking-lab-shell{min-height:100vh;border-radius:0}.speaking-lab-head,.speaking-steps,.speaking-lab-main{padding-left:13px;padding-right:13px}.speaking-lab-head-actions .speaking-save-state,.speaking-lab-head-actions .btn{display:none}.speaking-feedback-notes,.speaking-prepare-side{grid-template-columns:1fr}.speaking-funnel-reminder{align-items:flex-start}.speaking-funnel-reminder>div{flex-wrap:wrap}.speaking-funnel-reminder span{width:100%;margin-bottom:5px}.speaking-funnel-reminder p{display:none}.speaking-prepare-label{align-items:flex-start;flex-direction:column}.speaking-strategy-chips{grid-template-columns:repeat(2,1fr)}.speaking-prepare-flow{gap:4px;overflow-x:auto;justify-content:flex-start}.speaking-prepare-flow span{font-size:7px}.speaking-rubric article{grid-template-columns:1fr}.speaking-prompt-card{padding:18px}.speaking-prompt-card textarea{min-height:220px}.speaking-steps button{font-size:0}.speaking-steps button b{font-size:10px}}