body:has(.speak-cream-band){overflow:hidden!important}.speak-cream-band{--text:#1a3d34;--muted:#728a80;--teal:#1a3d34;--cyan:#16a085;--amber:#f39c12;--shadow:none;background:#faf8f2;color:#1a3d34;width:100vw;position:relative;left:50%;right:50%;padding:24px 0 20px;margin:10px -50vw -40px;height:calc(100vh - 100px);min-height:calc(100vh - 100px);max-height:calc(100vh - 100px);overflow:hidden;border-top:1px solid rgba(26,61,52,.08);border-bottom:1px solid rgba(26,61,52,.08)}.speak-cream-band,.speak-page-wrapper{display:flex;align-items:center;justify-content:center}.speak-page-wrapper{animation:float-in .6s cubic-bezier(.16,1,.3,1);color:var(--text);flex-direction:column;gap:16px;width:min(1120px,92vw);max-height:100%}.speak-header-badge{right:48px;font-size:1.4rem;color:#3b5f54;letter-spacing:-.02em}.speak-back-btn,.speak-header-badge{position:absolute;top:24px;font-family:var(--font-heading),sans-serif;font-weight:800}.speak-back-btn{left:48px;z-index:30;background:rgba(26,61,52,.06);border:1px solid rgba(26,61,52,.18);padding:8px 18px;border-radius:99px;color:#1a3d34;font-size:1.05rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;letter-spacing:-.01em;box-shadow:0 4px 12px rgba(26,61,52,.05)}.speak-back-btn:hover{background:rgba(26,61,52,.12);color:#1a3d34;transform:translateX(-3px);border-color:rgba(26,61,52,.3)}@media (max-width:900px){.speak-header-badge{position:static;margin-top:10px}.speak-back-btn{position:static;margin-bottom:10px}}.speak-grid-layout{display:grid;grid-template-columns:1.15fr 1.85fr;grid-gap:40px;gap:40px;width:100%;margin-top:0;align-items:center}@media (max-width:900px){.speak-grid-layout{grid-template-columns:1fr;gap:28px}}.speak-sidebar-card{display:flex;flex-direction:column;gap:20px}.speak-brand-logo-section{display:flex;flex-direction:column;gap:10px}.speak-kicker-tag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#16a085;padding:4px 10px;border-radius:99px;background:rgba(22,160,133,.08);border:1px solid rgba(22,160,133,.2);margin-bottom:2px}.speak-kicker-dot{width:6px;height:6px;border-radius:50%;background:#16a085;box-shadow:0 0 6px rgba(22,160,133,.6)}.speak-brand-title{font-size:clamp(2.6rem,5.5vw,3.8rem);font-weight:800;line-height:1.02;color:#1a3d34;letter-spacing:-.035em;margin:0}.speak-brand-accent{color:#16a085}.speak-steps-list{display:flex;flex-direction:column;gap:14px;margin-top:16px}.speak-step-item{display:flex;align-items:baseline;gap:10px;padding:0;background:transparent;border:none}.speak-step-num{font-weight:750;color:#16a085;background:transparent;padding:0;flex-shrink:0}.speak-step-num,.speak-step-text{font-family:var(--font-body),sans-serif;font-size:clamp(1.2rem,2.5vw,1.45rem);line-height:1.35}.speak-step-text{font-weight:600;color:#2c4a40;letter-spacing:-.015em}.speak-play-card{display:flex;flex-direction:row;align-items:center;gap:24px;width:100%}.speak-play-inner{display:flex;flex-direction:column;align-items:center;gap:20px;flex:1 1}.speak-selectors-header{position:absolute;top:20px;left:calc(60% + 50px);transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:14px;z-index:40}@media (max-width:900px){.speak-selectors-header{position:static;transform:none;margin-bottom:12px}}.speak-selector-pill{position:relative}.speak-pill-btn{background:#fff;color:#1a3d34;border:1.5px solid rgba(26,61,52,.15);padding:8px 20px;border-radius:99px;font-size:1.05rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;font-family:var(--font-body),sans-serif}.speak-pill-btn:hover{border-color:#1a3d34}.speak-dropdown-panel{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid rgba(26,61,52,.18);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.08);z-index:100;min-width:180px;max-height:250px;overflow-y:auto;padding:6px;animation:float-in .15s ease-out}.speak-dropdown-item{width:100%;background:none;border:none;padding:8px 12px;text-align:left;font-size:.95rem;font-weight:600;color:#1a3d34;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s ease}.speak-dropdown-item:hover{background:rgba(26,61,52,.06)}.speak-dropdown-item.active{background:rgba(26,61,52,.1)}.speak-slot-viewport{position:relative;height:260px;background:transparent;border:none;overflow:hidden;width:100%}.speak-slot-viewport:after,.speak-slot-viewport:before{content:"";position:absolute;left:0;width:100%;height:60px;z-index:2;pointer-events:none}.speak-slot-viewport:before{top:0;background:linear-gradient(180deg,#faf8f2 10%,transparent)}.speak-slot-viewport:after{bottom:0;background:linear-gradient(0deg,#faf8f2 10%,transparent)}.speak-slot-highlight-bar{position:absolute;top:80px;left:0;width:100%;height:100px;border-top:1.5px solid rgba(26,61,52,.08);border-bottom:1.5px solid rgba(26,61,52,.08);pointer-events:none;z-index:1}.speak-slot-ribbon{flex-direction:column;will-change:transform;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.speak-slot-item,.speak-slot-ribbon{display:flex;align-items:center;width:100%}.speak-slot-item{height:80px;justify-content:center;text-align:center;font-size:1.25rem;color:#b8c5c0;font-weight:500;padding:0 24px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Georgia,Times New Roman,Times,serif;transition:height .15s ease,font-size .15s ease,color .15s ease,font-weight .15s ease;box-sizing:border-box}.speak-slot-item.active{height:100px;font-size:2.1rem;color:#1a3d34;font-weight:700;letter-spacing:-.015em;line-height:1.35}.speak-cat-container{display:flex;flex-direction:column;align-items:center;position:relative;gap:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.speak-cat-lbl{font-size:.78rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em;color:#16a085;text-align:center;line-height:1.15;transition:transform .2s ease,color .2s ease;pointer-events:none}.speak-cat-button{background:transparent;border:none;padding:0;margin:0;cursor:pointer;position:relative;width:180px;height:128px;outline:none;display:block;transition:transform .1s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent}.speak-cat-button:hover:not(:disabled){transform:scale(1.06)}.speak-cat-button.cat-active,.speak-cat-button:active:not(:disabled){transform:scale(.95) translateY(3px)}.speak-cat-button:disabled{cursor:wait}.speak-cat-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.speak-cat-img.cat-show{opacity:1;visibility:visible}.speak-cat-img.cat-hide{opacity:0;visibility:hidden}.speak-action-row{display:flex;align-items:center;justify-content:center;gap:16px;width:100%}.speak-btn-spin{background:#1a3d34;color:#fff;border:none;font-size:1.25rem;font-weight:700;padding:16px 48px;border-radius:99px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 24px rgba(26,61,52,.22)}.speak-btn-spin:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(26,61,52,.32)}.speak-btn-spin:active{transform:translateY(0)}.speak-btn-timer{background:#faf8f2;color:#1a3d34;border:1.5px solid #1a3d34;font-size:1.25rem;font-weight:700;padding:15px 44px;border-radius:99px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.speak-btn-timer:hover{background:rgba(26,61,52,.04);transform:translateY(-1px)}.speak-btn-timer:active{transform:translateY(0)}.speak-active-wrapper{animation:float-in .4s ease-out;display:grid;grid-template-columns:1.25fr 1fr;grid-gap:40px;gap:40px;width:100%;margin-top:20px;align-items:center}.speak-camera-card{flex-direction:column;gap:18px}.speak-camera-card,.speak-camera-viewport{width:100%;display:flex;align-items:center}.speak-camera-viewport{border-radius:24px;overflow:hidden;background:#121212;aspect-ratio:1.25/1;max-width:460px;max-height:350px;position:relative;box-shadow:0 12px 36px rgba(26,61,52,.06);justify-content:center}.speak-camera-preview,.speak-camera-stream{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.speak-playback-video{width:100%;height:100%;object-fit:cover;transform:none!important}.speak-camera-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:#728a80;gap:16px;font-family:var(--font-body),sans-serif;font-weight:700;font-size:1.2rem;background:#1e2925;padding:40px;text-align:center}.speak-camera-placeholder .placeholder-icon{color:#3b5f54;animation:pulse-icon 2s ease-in-out infinite}.speak-camera-overlay{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:10}.speak-mic-badge{background:hsla(0,0%,100%,.95);color:#1a3d34;font-size:.85rem;font-weight:700;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.speak-red-dot{width:8px;height:8px;border-radius:50%;background:#e74c3c;animation:pulse-dot 1s ease-in-out infinite}.speak-timer-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.speak-active-topic-heading{text-align:center}.speak-active-topic-lbl{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700;margin-bottom:8px}.speak-active-topic-text{font-size:1.7rem;font-weight:700;color:#1a3d34;line-height:1.3;margin:0;font-family:Georgia,Times New Roman,Times,serif}.speak-timer-radial-box{position:relative;width:250px;height:250px;display:flex;align-items:center;justify-content:center}.speak-timer-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.speak-timer-ring-bg{stroke:rgba(180,151,245,.15)}.speak-timer-ring-fill{stroke:#c8b9f9;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.speak-timer-text-display{display:flex;flex-direction:column;align-items:center;z-index:5}.speak-timer-value{font-size:4.6rem;font-weight:800;color:#1a3d34;font-family:var(--font-heading),sans-serif;line-height:1}.speak-timer-adjust-row{display:flex;gap:12px;margin-top:10px}.speak-adjust-btn{background:rgba(26,61,52,.05);border:1px solid rgba(26,61,52,.12);color:#1a3d34;padding:4px 12px;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.speak-adjust-btn:hover{background:rgba(26,61,52,.1);border-color:#1a3d34}.speak-control-row{display:flex;align-items:center;gap:16px}.speak-btn-circle{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease}.speak-btn-circle.reset{background:none;border:1.5px solid rgba(26,61,52,.3);color:#1a3d34}.speak-btn-circle.reset:hover{border-color:#1a3d34;background:rgba(26,61,52,.05);transform:rotate(-45deg)}.speak-btn-circle.play{background:#c8b9f9;color:#1a3d34;border:none;box-shadow:0 4px 14px rgba(180,151,245,.3)}.speak-btn-circle.play:hover{transform:scale(1.08)}.speak-btn-end-early{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 22px;border-radius:99px;background:#1a3d34;color:#faf8f2;border:none;font-family:var(--font-heading),sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px rgba(26,61,52,.16);white-space:nowrap;animation:speak-pop-in .25s cubic-bezier(.16,1,.3,1)}@keyframes speak-pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.speak-btn-end-early:hover:not(:disabled){background:#26574a;transform:translateY(-2px);box-shadow:0 8px 22px rgba(26,61,52,.28)}.speak-btn-end-early:active:not(:disabled){transform:translateY(0)}.speak-btn-end-early:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.speak-btn-retry{background:#fff;color:#1a3d34;border:1.5px solid rgba(26,61,52,.25);font-family:var(--font-heading),sans-serif;font-size:1.05rem;font-weight:700;padding:14px 24px;border-radius:12px;cursor:pointer;transition:all .2s ease;width:100%}.speak-btn-retry:hover{background:rgba(26,61,52,.05);border-color:#1a3d34;transform:translateY(-1px)}.speak-btn-finish{background:#27ae60!important;color:#fff!important;border-radius:12px!important;padding:16px 32px!important;font-weight:700!important;font-size:1.1rem!important;box-shadow:0 6px 18px rgba(39,174,96,.2)!important;border:none!important;width:100%}.speak-btn-finish:hover{background:#219653!important;transform:translateY(-1.5px)!important}.speak-recorded-actions{display:flex;flex-direction:column;gap:16px;text-align:center;max-width:320px;width:100%}.speak-recorded-actions h3{font-size:1.8rem;font-weight:800;color:#1a3d34;margin:0;font-family:var(--font-heading),sans-serif;letter-spacing:-.01em}.speak-recorded-actions p{font-size:1.05rem;color:#728a80;margin:0;line-height:1.4;font-family:var(--font-body),sans-serif}.speak-recorded-buttons{margin-top:8px;display:flex;flex-direction:column;gap:12px;width:100%}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@keyframes pulse-icon{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.85}}body.dark-theme-bg .speak-cream-band{--text:#e8f0ec;--muted:#8aa99e;--teal:#2dd4bf;--cyan:#22d3ee;--amber:#f59e0b;background:#0f1a16;color:#e8f0ec;border-top-color:rgba(180,220,200,.1);border-bottom-color:rgba(180,220,200,.1)}body.dark-theme-bg .speak-header-badge{color:#2dd4bf}body.dark-theme-bg .speak-back-btn{background:hsla(0,0%,100%,.06);border-color:rgba(180,220,200,.18);color:#e8f0ec}body.dark-theme-bg .speak-back-btn:hover{background:hsla(0,0%,100%,.12);color:#2dd4bf;border-color:rgba(45,212,191,.3)}body.dark-theme-bg .speak-recorded-actions h3,body.dark-theme-bg .speak-title-card h1,body.dark-theme-bg .topic-card-text span{color:#e8f0ec}body.dark-theme-bg .speak-recorded-actions p,body.dark-theme-bg .speak-title-card p{color:#8aa99e}body.dark-theme-bg .topic-card-btn{background:#1e2d26;border-color:rgba(180,220,200,.12);color:#e8f0ec}body.dark-theme-bg .topic-card-btn:hover{background:#243830;border-color:#2dd4bf}body.dark-theme-bg .diff-pill{background:#141f1b;border-color:rgba(180,220,200,.15);color:#8aa99e}body.dark-theme-bg .diff-pill.active{background:#243830;color:#2dd4bf;border-color:#2dd4bf}body.dark-theme-bg .speak-question-card{background:#1e2d26;border-color:rgba(180,220,200,.12);color:#e8f0ec}body.dark-theme-bg .speak-question-card h2{color:#e8f0ec}body.dark-theme-bg .speak-kicker-tag{color:#2dd4bf;background:rgba(45,212,191,.12);border-color:rgba(45,212,191,.25)}body.dark-theme-bg .speak-kicker-dot{background:#2dd4bf;box-shadow:0 0 8px rgba(45,212,191,.8)}body.dark-theme-bg .speak-brand-title{color:#f4fbf7!important;text-shadow:none!important}body.dark-theme-bg .speak-brand-accent{color:#2dd4bf!important}body.dark-theme-bg .speak-step-item{background:transparent;border:none}body.dark-theme-bg .speak-step-num{color:#2dd4bf!important;background:transparent!important;padding:0!important}body.dark-theme-bg .speak-step-text{color:#e2f0ea!important}body.dark-theme-bg .speak-pill-btn{background:#1e2d26!important;color:#e8f0ec!important;border-color:rgba(180,220,200,.18)!important}body.dark-theme-bg .speak-pill-btn:hover{border-color:#2dd4bf!important;color:#2dd4bf!important}body.dark-theme-bg .speak-dropdown-panel{background:#1e2d26!important;border-color:rgba(180,220,200,.18)!important;box-shadow:0 10px 30px rgba(0,0,0,.5)!important}body.dark-theme-bg .speak-dropdown-item{color:#e8f0ec!important}body.dark-theme-bg .speak-dropdown-item:hover{background:rgba(45,212,191,.12)!important;color:#2dd4bf!important}body.dark-theme-bg .speak-dropdown-item.active{background:rgba(45,212,191,.2)!important;color:#2dd4bf!important}body.dark-theme-bg .speak-slot-viewport{background:transparent!important;border:none!important;box-shadow:none!important}body.dark-theme-bg .speak-slot-viewport:before{background:linear-gradient(180deg,#0f1a16 10%,transparent)!important}body.dark-theme-bg .speak-slot-viewport:after{background:linear-gradient(0deg,#0f1a16 10%,transparent)!important}body.dark-theme-bg .speak-slot-highlight-bar{background:transparent!important;border-top:1px solid rgba(45,212,191,.2)!important;border-bottom:1px solid rgba(45,212,191,.2)!important}body.dark-theme-bg .speak-slot-item{color:rgba(232,240,236,.35)!important}body.dark-theme-bg .speak-slot-item.active{color:#5eead4!important;text-shadow:0 0 15px rgba(45,212,191,.2)!important}body.dark-theme-bg .speak-btn-spin{background:#2dd4bf!important;color:#0f1a16!important;box-shadow:0 10px 24px rgba(45,212,191,.3)!important}body.dark-theme-bg .speak-btn-spin:hover{background:#26b8a5!important;box-shadow:0 14px 30px rgba(45,212,191,.4)!important}body.dark-theme-bg .speak-btn-timer{background:#1e2d26!important;color:#e8f0ec!important;border:1.5px solid #2dd4bf!important}body.dark-theme-bg .speak-btn-timer:hover{background:rgba(45,212,191,.12)!important;border-color:#5eead4!important;color:#5eead4!important}body.dark-theme-bg .speak-cat-lbl{color:#2dd4bf!important}body.dark-theme-bg .speak-back-btn{color:#2dd4bf!important;background:rgba(45,212,191,.12)!important;border:1px solid rgba(45,212,191,.25)!important}body.dark-theme-bg .speak-back-btn:hover{background:#2dd4bf!important;color:#0f1a16!important}body.dark-theme-bg .speak-active-topic-lbl{color:#2dd4bf!important}body.dark-theme-bg .speak-active-topic-text{color:#5eead4!important;text-shadow:0 0 20px rgba(45,212,191,.15)!important}body.dark-theme-bg .speak-timer-ring-bg{stroke:rgba(180,220,200,.12)!important}body.dark-theme-bg .speak-timer-ring-fill{stroke:#2dd4bf!important}body.dark-theme-bg .speak-timer-value{color:#5eead4!important;text-shadow:0 0 25px rgba(45,212,191,.2)!important}body.dark-theme-bg .speak-adjust-btn{background:rgba(45,212,191,.12)!important;border:1px solid rgba(45,212,191,.25)!important;color:#2dd4bf!important}body.dark-theme-bg .speak-adjust-btn:hover{background:#2dd4bf!important;color:#0f1a16!important}body.dark-theme-bg .speak-btn-circle.reset{background:hsla(0,0%,100%,.05)!important;border:1.5px solid rgba(180,220,200,.2)!important;color:#e8f0ec!important}body.dark-theme-bg .speak-btn-circle.reset:hover{background:hsla(0,0%,100%,.12)!important;color:#2dd4bf!important;border-color:#2dd4bf!important}body.dark-theme-bg .speak-btn-circle.play{background:#2dd4bf!important;color:#0f1a16!important;box-shadow:0 6px 20px rgba(45,212,191,.35)!important}body.dark-theme-bg .speak-btn-circle.play:hover{background:#26b8a5!important;box-shadow:0 8px 25px rgba(45,212,191,.5)!important}body.dark-theme-bg .speak-mic-badge{background:#141f1b!important;color:#e8f0ec!important;border:1px solid rgba(180,220,200,.15)!important}body.dark-theme-bg .speak-btn-end-early{background:#2dd4bf!important;color:#0f1a16!important;box-shadow:0 4px 14px rgba(45,212,191,.25)!important}body.dark-theme-bg .speak-btn-end-early:hover:not(:disabled){background:#26b8a5!important;box-shadow:0 8px 22px rgba(45,212,191,.4)!important}body.dark-theme-bg .speak-btn-end-early:disabled{opacity:.3!important;box-shadow:none!important}body.dark-theme-bg .speak-btn-retry{background:#1e2925!important;color:#e8f0ec!important;border-color:rgba(180,220,200,.2)!important}body.dark-theme-bg .speak-btn-retry:hover{background:rgba(45,212,191,.15)!important;border-color:#2dd4bf!important;color:#2dd4bf!important}@media (max-width:768px){.speak-play-card{flex-direction:column!important;gap:16px!important}.speak-slot-viewport{height:220px!important}.speak-slot-highlight-bar{top:60px!important;height:100px!important}.speak-slot-item{font-size:1.05rem!important;padding:0 14px!important}.speak-slot-item.active{font-size:1.35rem!important;line-height:1.3!important;padding:0 12px!important}.speak-cat-container{width:100%!important;margin-top:8px!important;align-items:center!important}.speak-cat-button{width:150px!important;height:106px!important}.speak-timer-radial-box{width:200px!important;height:200px!important}.speak-active-topic-text{font-size:1.3rem!important}.speak-selectors-header{position:static!important;transform:none!important;margin:12px auto!important;flex-wrap:wrap!important;width:100%!important}.speak-pill-btn{padding:6px 14px!important;font-size:.9rem!important}}