:root{--duo-green: #58cc02;--duo-green-dark: #46a302;--duo-blue: #1cb0f6;--duo-blue-dark: #1899d6;--duo-gold: #ffc800;--duo-gold-dark: #e6ac00;--duo-red: #ff4b4b;--duo-red-dark: #ea2b2b;--color-bg: #f7f9fa;--color-surface: #ffffff;--color-border: #e5e5e5;--color-text: #3c3c3c;--color-muted: #777777;--radius: 20px;--radius-sm: 12px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:500;background:var(--color-bg);color:var(--color-text)}button{font-family:inherit}.app{max-width:860px;margin:0 auto;padding:32px 20px 64px}.app-header{text-align:center;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--color-border)}.app-header h1{margin:0 0 4px;font-size:2.2rem;font-weight:800;color:var(--duo-green);letter-spacing:-.02em}.app-tagline{margin:0;color:var(--color-muted);font-weight:600}.random-picker{margin-bottom:28px;padding:18px;background:var(--color-surface);border:2px solid var(--color-border);border-bottom-width:4px;border-radius:var(--radius-sm)}.random-picker-label{margin:0 0 12px;font-weight:800;font-size:1rem}.random-picker-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.difficulty-select{font-family:inherit;font-weight:700;font-size:.85rem;padding:10px 12px;border-radius:12px;border:2px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer}.random-picker-controls .mode-button{flex:none;padding:10px 18px}.scenario-category h2{font-size:1rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin:28px 0 14px}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.scenario-card{text-align:left;background:var(--color-surface);border:2px solid var(--color-border);border-bottom-width:4px;border-radius:var(--radius-sm);padding:18px;transition:transform .08s ease,border-color .08s ease}.scenario-card:hover{border-color:var(--duo-blue);transform:translateY(-2px)}.scenario-card h3{margin:0 0 8px;font-size:1.05rem;font-weight:800;color:var(--color-text)}.scenario-card p{margin:10px 0 0;color:var(--color-muted);font-size:.85rem;line-height:1.5}.difficulty{display:inline-block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:999px;background:#d7ffb8;color:var(--duo-green-dark)}.difficulty-intermediate{background:#fff3c4;color:var(--duo-gold-dark)}.difficulty-advanced{background:#ffd6d6;color:var(--duo-red-dark)}.scenario-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.scenario-card-actions .mode-button{flex:1 1 calc(50% - 4px)}.mode-button{flex:1;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:10px 8px;border-radius:12px;cursor:pointer;border:2px solid var(--duo-blue);background:#fff;color:var(--duo-blue-dark);box-shadow:0 3px 0 var(--duo-blue);transition:transform .05s,box-shadow .05s}.mode-button:active{transform:translateY(3px);box-shadow:0 0 0 var(--duo-blue)}.mode-button.primary{background:var(--duo-blue);color:#fff;box-shadow:0 3px 0 var(--duo-blue-dark)}.mode-button.primary:active{box-shadow:0 0 0 var(--duo-blue-dark)}.practice-screen,.results-screen{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius);padding:32px}.target-text h2{margin-top:0;font-weight:800}.target-text p{font-size:1.15rem;line-height:1.7}.freestyle-premise{font-size:1.2rem;font-weight:700;line-height:1.6;background:#ddf4ff;border-radius:var(--radius-sm);padding:16px}.freestyle-hint{color:var(--color-muted);font-size:.9rem;font-weight:600}.teleprompter-viewport{position:relative;height:140px;overflow:hidden;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-sm);padding:0 20px}.teleprompter-viewport:before,.teleprompter-viewport:after{content:"";position:absolute;left:0;right:0;height:26px;pointer-events:none;z-index:1}.teleprompter-viewport:before{top:0;background:linear-gradient(to bottom,var(--color-bg),transparent)}.teleprompter-viewport:after{bottom:0;background:linear-gradient(to top,var(--color-bg),transparent)}.teleprompter-text{font-size:1.15rem;line-height:1.7;margin:0;padding:24px 0}.speed-picker{margin-top:16px}.speed-picker-label{margin:0 0 8px;font-size:.75rem;font-weight:800;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.speed-picker-options{display:flex;flex-wrap:wrap;gap:8px}.speed-pill{font-size:.8rem;font-weight:800;padding:8px 14px;border-radius:999px;cursor:pointer;border:2px solid var(--color-border);background:#fff;color:var(--color-muted);display:inline-flex;align-items:center;gap:6px}.speed-pill.selected{border-color:var(--duo-blue);background:var(--duo-blue);color:#fff}.speed-pill-recommended{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:2px 6px;border-radius:999px;background:#ffffff40}.speed-pill:not(.selected) .speed-pill-recommended{background:var(--duo-gold);color:#7a5900}.practice-controls{margin-top:20px;display:flex;flex-direction:column;gap:14px;align-items:center}.record-button,.stop-button{font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:14px 36px;border:none;border-radius:16px;cursor:pointer;color:#fff;transition:transform .05s,box-shadow .05s,filter .05s}.record-button:hover,.stop-button:hover{filter:brightness(1.05)}.record-button{background:var(--duo-green);box-shadow:0 4px 0 var(--duo-green-dark)}.record-button:active{transform:translateY(4px);box-shadow:0 0 0 var(--duo-green-dark)}.stop-button{background:var(--duo-red);box-shadow:0 4px 0 var(--duo-red-dark)}.stop-button:active{transform:translateY(4px);box-shadow:0 0 0 var(--duo-red-dark)}.link-button{background:none;border:none;color:var(--color-muted);font-weight:800;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;font-size:.85rem}.link-button:hover{color:var(--color-text)}.countdown{text-align:center;font-size:4rem;font-weight:800;color:var(--duo-green);margin-top:24px}.live-transcript{min-height:3em;width:100%;color:var(--color-muted);font-weight:600;font-size:.95rem;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-sm);padding:14px}.interim{color:#b0b0b0;font-style:italic}.processing{text-align:center;margin-top:20px;color:var(--color-muted);font-weight:700}.practice-message{text-align:center}.practice-message h2{font-weight:800}.overall-score{text-align:center;margin:8px auto 24px;width:160px;height:160px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:var(--duo-green);box-shadow:0 6px 0 var(--duo-green-dark)}.overall-score.score-mid{background:var(--duo-gold);box-shadow:0 6px 0 var(--duo-gold-dark)}.overall-score.score-low{background:var(--duo-red);box-shadow:0 6px 0 var(--duo-red-dark)}.score-number{font-size:3rem;font-weight:800;line-height:1}.score-label{font-size:1rem;font-weight:700;opacity:.85}.score-mode-label{margin-top:4px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;opacity:.9}.sub-scores,.raw-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin-bottom:20px}.sub-score,.raw-metric{text-align:center;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-sm);padding:14px 6px}.sub-score-value,.raw-metric-value{font-size:1.4rem;font-weight:800;color:var(--duo-blue-dark)}.sub-score-label,.raw-metric-label{font-size:.7rem;color:var(--color-muted);font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-top:2px}.compare-section{margin:20px 0;padding:14px 16px;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-sm)}.compare-heading{margin:0 0 10px;font-size:.75rem;font-weight:800;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}.compare-stat{text-align:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 6px}.compare-label{font-size:.7rem;color:var(--color-muted);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.compare-values{margin-top:4px;display:flex;align-items:baseline;justify-content:center;gap:6px}.compare-current{font-size:1.2rem;font-weight:800;color:var(--color-text)}.compare-delta{font-size:.85rem;font-weight:800}.compare-up .compare-delta{color:var(--duo-green-dark)}.compare-down .compare-delta{color:var(--duo-red-dark)}.compare-flat .compare-delta{color:var(--color-muted)}.audio-playback{margin:20px 0;padding:14px 16px;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-sm)}.audio-playback p{margin:0 0 8px;font-size:.75rem;font-weight:800;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.audio-playback audio{width:100%}.download-link{display:inline-block;margin-top:10px;text-decoration:none}.feedback-list{margin:20px 0}.feedback-item{padding:14px 16px;border-radius:var(--radius-sm);margin-bottom:10px;border:2px solid transparent;font-weight:600;line-height:1.5}.feedback-positive{background:#d7ffb8;border-color:var(--duo-green);color:#2b6600}.feedback-improvement{background:#fff3c4;border-color:var(--duo-gold);color:#7a5900}.results-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:24px}.unsupported-browser{max-width:480px;margin:80px auto;text-align:center;padding:0 20px}.unsupported-browser h1{color:var(--duo-blue);font-weight:800}