:root{color-scheme:dark;font-family:Inter,Arial,Helvetica,sans-serif;color:#f9fbff;background:#090d14}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#090d14;color:#f9fbff;font-family:Inter,Arial,Helvetica,sans-serif}button,select{font:inherit}button{cursor:pointer}.toolbar{display:flex;gap:10px;align-items:center;padding:12px 16px;background:#131a26;border-bottom:1px solid #314054;flex-wrap:wrap}.brand{font-weight:850;letter-spacing:.07em;margin-right:auto;white-space:nowrap}.toolbar select,.toolbar button,.controls button{border:1px solid #465670;border-radius:8px;background:#243044;color:#fff;padding:11px 14px}.toolbar select{max-width:min(480px,100%);min-width:240px}.stage-wrap{height:calc(100dvh - 156px);min-height:250px;display:grid;place-items:center;padding:10px}.stage{position:relative;width:min(100%,calc((100dvh - 178px) * 16 / 9));aspect-ratio:16 / 9;background:radial-gradient(ellipse at 50% 10%,#1b2b40,#090d15 68%);border:1px solid #334256;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:11% 7% 10%;overflow:hidden}.eyebrow{position:absolute;top:5%;left:7%;right:7%;font-size:clamp(13px,1.6vw,26px);font-weight:800}.meta{display:block;margin-top:.5em;color:#a8b8cc;font-size:.63em;font-weight:500}.teaser{color:#ff8b87;margin-left:.6em}.spoken{font-size:clamp(24px,3.8vw,70px);font-weight:750;line-height:1.17;letter-spacing:-.025em;white-space:pre-line;overflow-wrap:anywhere;max-width:100%}.spoken.long{font-size:clamp(20px,3vw,52px)}.spoken.verylong{font-size:clamp(17px,2.35vw,42px)}.reference{font-size:clamp(12px,1.55vw,23px);color:#afbdce;line-height:1.4;margin-top:3%;white-space:pre-line}.reference:empty{display:none}.bottom{position:absolute;bottom:4.5%;left:7%;right:7%;display:flex;justify-content:space-between;color:#a9b8cf;font-size:clamp(11px,1.12vw,17px)}.controls{min-height:72px;display:flex;justify-content:center;align-items:center;gap:12px;background:#141b29;flex-wrap:wrap;padding:10px}.controls label{font-size:13px;color:#bcc8d8}.controls input{accent-color:#c8d9f5}.counter{font-variant-numeric:tabular-nums;color:#c4d0df}.hint{font-size:12px;color:#90a3bc}.overview-content{font-size:clamp(16px,2.4vw,40px);line-height:1.4;white-space:pre-line}body.fullscreen .toolbar,body.fullscreen .controls{display:none}body.fullscreen .stage-wrap{height:100dvh;padding:0}body.fullscreen .stage{width:100vw;height:100dvh;aspect-ratio:auto;border:none}body.fullscreen .spoken{font-size:clamp(35px,5vw,100px)}body.fullscreen .spoken.long{font-size:clamp(28px,4vw,75px)}body.fullscreen .spoken.verylong{font-size:clamp(24px,3vw,60px)}@media(max-width:700px){.brand{width:100%}.toolbar select{width:100%;max-width:100%}.stage-wrap{height:auto;min-height:0;padding:10px}.stage{width:100%;aspect-ratio:16 / 9;padding:12% 5% 10%}.spoken{font-size:clamp(15px,4.3vw,30px)}.spoken.long{font-size:clamp(13px,3.45vw,24px)}.spoken.verylong{font-size:clamp(11px,2.75vw,20px)}.reference{font-size:clamp(9px,2.1vw,16px)}.eyebrow{font-size:clamp(9px,2.35vw,16px)}.bottom{font-size:clamp(8px,1.9vw,12px)}.controls{gap:8px}.hint{display:none}}@media(orientation:portrait)and (max-width:700px){.stage{aspect-ratio:16 / 10}}