:root{--bg:#0f0f12;--panel:#17171c;--text:#e8e8ee;--muted:#9b9bab;--accent:#ff3860;--recorded:#f5a623}*,:before,:after{box-sizing:border-box}html,body,#app{width:100%;min-height:100vh;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.page[data-v-4ee19537]{flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:32px 16px;display:flex}header[data-v-4ee19537]{width:100%;max-width:1400px;margin-bottom:16px}h1[data-v-4ee19537]{margin:0 4px 4px;font-size:1.6rem}.status[data-v-4ee19537]{align-items:center;gap:6px;font-size:.9rem;transition:color .4s;display:flex}.status.is-connecting[data-v-4ee19537]{color:var(--muted)}.status.is-connecting .dot[data-v-4ee19537]{background:var(--muted);opacity:.5;animation:none}.status.is-live[data-v-4ee19537]{color:var(--accent)}.status.is-live .dot[data-v-4ee19537]{background:var(--accent);animation:1.6s ease-in-out infinite pulse-4ee19537}.status.is-recorded[data-v-4ee19537]{color:var(--recorded)}.status.is-recorded .dot[data-v-4ee19537]{background:var(--recorded);animation:none}.dot[data-v-4ee19537]{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}@keyframes pulse-4ee19537{0%,to{opacity:1}50%{opacity:.35}}.player-wrap[data-v-4ee19537]{aspect-ratio:21/9;background:#783636;border-radius:12px;width:100%;max-width:1400px;position:relative;overflow:hidden;box-shadow:0 10px 40px #0009}#yt-player[data-v-4ee19537],#yt-player iframe[data-v-4ee19537]{border:0;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.controls[data-v-4ee19537]{z-index:10;gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.quality-btn[data-v-4ee19537]{color:var(--muted);cursor:pointer;background:#0009;border:1px solid #ffffff26;border-radius:6px;padding:4px 10px;font-size:.78rem;transition:background .2s,color .2s,border-color .2s}.quality-btn[data-v-4ee19537]:hover{color:var(--text);background:#ffffff1a}.quality-btn.active[data-v-4ee19537]{background:var(--accent);color:#fff;border-color:var(--accent)}
