:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#fff;background:#080b11}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}#root{min-height:100dvh;display:flex;flex-direction:column}body{min-height:100dvh;display:flex;flex-direction:column;background:#080b11;color:#fff}button,select{font:inherit}.toolbar{height:auto;min-height:66px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:10px 19px;background:#121823;border-bottom:1px solid #283142}.brand{font-size:16px;letter-spacing:.15em;font-weight:800;margin-right:auto;white-space:nowrap}.toolbar select{background:#202a39;color:#fff;border:1px solid #485369;padding:10px;max-width:44vw;border-radius:7px}.toolbar button,.controls button{background:#263449;color:#fff;border:1px solid #44536b;border-radius:8px;padding:10px 14px;cursor:pointer}.toolbar button:hover,.controls button:hover{background:#3c506a}.toolbar select,.toolbar button,.controls button{min-height:44px}.stage-wrap{height:auto;flex:1;min-height:0;display:grid;place-items:center;padding:12px}.stage{position:relative;width:min(100%,calc((100dvh - 156px) * 16 / 9));aspect-ratio:16 / 9;background:radial-gradient(ellipse at 50% 15%,#182439,#090d15 66%);border:1px solid #28334b;box-shadow:0 12px 55px #0009;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:4% 6%;gap:12px;overflow:hidden}.eyebrow{position:static;flex-shrink:0;font-size:clamp(14px,1.55vw,25px);color:#9caec9;letter-spacing:.08em;font-weight:700}.spoken{font-size:clamp(26px,4.1vw,76px);font-weight:750;line-height:1.18;letter-spacing:-.025em;text-wrap:balance;white-space:pre-line;overflow-wrap:anywhere;max-width:100%;margin:auto 0}.spoken.long{font-size:clamp(22px,3.1vw,54px)}.spoken.verylong{font-size:clamp(18px,2.45vw,41px)}.reference{font-size:clamp(12px,1.48vw,24px);color:#94a1b5;line-height:1.35;white-space:pre-line;margin-top:0;flex-shrink:0;max-width:95%}.reference:empty{display:none}.footer{position:static;width:100%;flex-shrink:0;display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#93a2b6}.controls{height:auto;min-height:66px;flex-shrink:0;background:#111823;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.counter{min-width:92px;text-align:center;color:#afbdd2}.hint{font-size:12px;color:#93a2b6;margin-left:10px}.controls label{color:#b3c1d2;font-size:14px;min-height:44px;display:flex;align-items:center;gap:6px}.controls input{accent-color:#c8d9f5;width:18px;height:18px}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;box-shadow:none;padding:4% 6%;gap:12px}body.fullscreen .spoken{font-size:clamp(36px,5.35vw,110px)}body.fullscreen .spoken.long{font-size:clamp(30px,4.1vw,77px)}body.fullscreen .spoken.verylong{font-size:clamp(27px,3.35vw,62px)}body.fullscreen .reference{font-size:clamp(16px,1.9vw,34px)}@media(max-width:800px){.toolbar{flex-wrap:wrap}.toolbar select{max-width:none}.stage-wrap{height:calc(100dvh - 156px)}.stage{padding:9% 7%}.spoken{font-size:clamp(22px,4.5vw,45px)}.reference{font-size:clamp(11px,2vw,18px)}}@media(max-width:1000px){.toolbar{gap:8px;padding:10px 12px;flex-wrap:wrap}.brand{width:100%;flex-basis:100%}.toolbar select{flex:1;max-width:none}.toolbar button{padding:10px}.hint{display:none}.controls{gap:8px}.counter{min-width:60px}.reference{font-size:14px}}@media(max-width:600px){.toolbar{display:grid;grid-template-columns:1fr auto}.brand{grid-column:1 / -1;letter-spacing:.08em;font-size:14px}.toolbar select{grid-column:1 / -1;width:100%}.toolbar #full{font-size:14px}.controls{display:grid;grid-template-columns:1fr auto 1fr}.controls label{grid-column:1 / -1;justify-content:center;min-height:30px}.controls button{padding:10px 8px;font-size:14px}.stage-wrap{padding:10px}.eyebrow{font-size:14px;line-height:1.3}.stage{padding:20px 18px}}@media(orientation:portrait)and (max-width:1100px){.stage-wrap{align-items:stretch}.stage{width:100%;aspect-ratio:auto;min-height:360px}.spoken{font-size:clamp(26px,4.1vw,44px)}.spoken.long{font-size:clamp(24px,3.5vw,36px)}.spoken.verylong{font-size:clamp(22px,3vw,32px)}}@media(orientation:landscape)and (max-height:600px){.toolbar{display:flex;flex-wrap:nowrap;min-height:54px;padding:5px 10px}.brand{width:auto;flex-basis:auto;font-size:12px}.toolbar select{max-width:30%}.toolbar button{font-size:13px;padding:6px}.stage-wrap{padding:6px}.stage{width:min(100%,calc((100dvh - 130px) * 16 / 9));padding:12px 20px;gap:5px}.spoken,.spoken.long,.spoken.verylong{font-size:22px}.eyebrow,.reference,.footer{font-size:12px}.controls{min-height:54px;padding:5px 10px;display:flex}.controls label{min-height:44px}.controls button{padding:6px 10px}}