*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000}.theme-light~body,body:has(.theme-light){background:#f7fafc}#player-root{position:relative;width:100%;height:100%;background:#000}#player-root.responsive{width:100%;height:100%}#video{width:100%;height:100%;object-fit:contain;background:#000}#title-bar{position:absolute;top:0;left:0;right:0;padding:8px 14px;background:linear-gradient(rgba(0,0,0,.6),transparent);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:10;pointer-events:none;opacity:0;transition:opacity .3s ease}#title-bar.hidden{display:none}#player-root:hover #title-bar:not(.hidden),#player-root.controls-visible #title-bar:not(.hidden){opacity:1}#logo-overlay{position:absolute;max-width:80px;max-height:40px;width:auto;height:auto;z-index:10;opacity:.85;pointer-events:none;transition:opacity .3s ease}#logo-overlay.hidden{display:none}#logo-overlay.logo-tl{top:12px;left:12px}#logo-overlay.logo-tr{top:12px;right:12px}#logo-overlay.logo-bl{bottom:52px;left:12px}#logo-overlay.logo-br{bottom:52px;right:12px}#controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(transparent,#000000b3);opacity:0;transition:opacity .3s ease}#player-root:hover #controls,#player-root.controls-visible #controls{opacity:1}#controls button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;background:transparent;color:#fff;cursor:pointer;transition:background .15s}#controls button:hover{background:#ffffff26}#spacer{flex:1}#live-badge{display:inline-block;padding:2px 8px;border-radius:3px;background:#e53e3e;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}#live-badge.offline{background:#718096}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;transition:opacity .3s ease}#overlay.hidden{opacity:0;pointer-events:none}#overlay-message{display:flex;flex-direction:column;align-items:center;gap:12px;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}#spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}#spinner.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}#player-root.theme-light{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}#player-root.theme-light #video{background:#edf2f7}#player-root.theme-light #controls{background:linear-gradient(transparent,#ffffffe6)}#player-root.theme-light #controls button{color:#2d3748}#player-root.theme-light #controls button:hover{background:#00000014}#player-root.theme-light #title-bar{background:linear-gradient(rgba(255,255,255,.85),transparent);color:#1a202c}#player-root.theme-light #overlay{background:#f7fafcd9}#player-root.theme-light #overlay-message{color:#2d3748}#player-root.theme-light #spinner{border-color:#0000001a;border-top-color:#3182ce}@media(max-width:300px){#btn-mute,#live-badge{display:none}#controls{padding:6px 8px;gap:4px}#title-bar{font-size:12px;padding:6px 10px}}