:root{color-scheme:dark;--screen: #1a120a;--amber: #e8b84a;--amber-dim: #a67c2a;--cream: #f2e6c9;--line: #3a2e1f;--bar: #120c08;--err: #e07060;font-family:Segoe UI,Tahoma,Noto Naskh Arabic,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--screen);color:var(--cream)}.shell{min-height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 0%,#2a1c0e 0%,transparent 55%),var(--screen)}.brand{padding:1rem 1.25rem .5rem;text-align:center}.brand h1{margin:0;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700;letter-spacing:.04em;color:var(--amber)}.tagline{margin:.25rem 0 0;font-size:.95rem;color:var(--amber-dim)}.stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:40vh;padding:.5rem 1rem 0}.picture{width:min(100%,1100px);aspect-ratio:16 / 9;max-height:calc(100vh - 9rem);background:#000;object-fit:contain;display:block}.start{position:absolute;inset:auto;padding:.7rem 1.6rem;font-size:1.1rem;background:var(--amber);color:#1a120a;border:0;cursor:pointer;font-weight:700}.start:hover{filter:brightness(1.05)}.audio-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .9rem;padding:.65rem 1rem;background:var(--bar);border-top:1px solid var(--line)}.audio-label{color:var(--amber-dim);font-size:.8rem}.audio-options{display:flex;flex-wrap:wrap;gap:.35rem;flex:1}.opt{background:transparent;color:var(--cream);border:1px solid var(--line);padding:.35rem .7rem;cursor:pointer;font-size:.85rem}.opt:hover{border-color:var(--amber-dim)}.opt.active{border-color:var(--amber);color:var(--amber)}.now{font-size:.75rem;color:var(--amber-dim)}.hint{font-size:.85rem;color:var(--amber-dim)}.err{margin:0;padding:.5rem 1rem;color:var(--err);font-size:.85rem;text-align:center}@media(max-width:640px){.brand{padding:.75rem .75rem .35rem}.stage{padding:.25rem .5rem 0}.audio-bar{padding:.55rem .75rem}}