:root{color-scheme:dark;--gold:#ffad1f;--muted:#b3c2d2;--card:#10243a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#40301b,#061526 55%);color:#fff;font:17px/1.5 system-ui,sans-serif;min-height:100vh}header{display:flex;align-items:center;gap:14px;padding:calc(16px + env(safe-area-inset-top)) max(20px,calc((100vw - 1200px)/2));border-bottom:1px solid #ffffff20}header strong{letter-spacing:.08em}header small{display:block;color:#ffd36a}header a{margin-left:auto}a{color:#ffd36a}.flame{font-size:42px}.large{font-size:90px;display:inline-block;animation:glow 2.2s ease-in-out infinite alternate}@keyframes glow{to{transform:translateY(-9px);filter:drop-shadow(0 0 24px #ffad1f)}}main{max-width:1240px;margin:auto;padding:30px 20px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.eyebrow{font-size:14px;letter-spacing:.14em;color:#ffd36a;margin:0}h1{font-size:clamp(26px,4vw,40px);margin:6px 0}h2{line-height:1.2;margin:8px 0 16px}p{color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:22px}.card{background:#10243aee;border:1px solid #ffffff20;border-radius:24px;padding:24px;min-width:0}.stage{min-height:430px;display:flex;flex-direction:column;justify-content:center;gap:16px}#message{text-align:center;padding:30px 10px}#message h2{font-size:clamp(25px,4vw,42px)}#music{width:100%;aspect-ratio:16/9;min-height:210px}iframe{width:100%;height:100%;min-height:210px;border:0;border-radius:12px}#live video{width:100%;max-height:580px;object-fit:contain;background:#000;border-radius:14px}#live:empty{display:none}button,input{font:inherit}input{width:100%;padding:12px;background:#071728;color:#fff;border:1px solid #ffffff40;border-radius:12px;margin:8px 0 16px}button{background:var(--gold);color:#161616;border:0;padding:14px 17px;border-radius:12px;font-weight:750;cursor:pointer}aside button{width:100%;margin:5px 0}.secondary{background:#213e56;color:#fff;border:1px solid #ffffff30}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #ffd36a;outline-offset:3px}.note{font-size:14px}#sync{font-size:14px;color:#8ee5be}#mediaError{color:#ffd36a}[hidden]{display:none!important}.controls{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.controls button{text-align:left;min-height:76px;background:#0a1a2a;color:#fff;border:1px solid #ffffff30}.controls button.active{background:#57431e;border-color:#ffad1f}.admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px}.fields{margin-top:22px}.fields label{display:block}.status-line{padding:12px;background:#071728;border-radius:12px}.row{display:flex;gap:12px;flex-wrap:wrap}.row a{display:inline-block;padding:12px 0}.notice{color:#ffd36a}#adminMessage{min-height:26px} @media(max-width:800px){.layout,.admin-grid{grid-template-columns:1fr}.stage{min-height:300px}.top{align-items:flex-start;flex-direction:column;gap:6px}header{padding-left:16px;padding-right:16px}header strong{font-size:17px}header small{font-size:13px}.card{padding:18px}main{padding:24px 14px}.controls{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.large{animation:none}}

#live audio{display:none}