html,body{margin:0;height:100%;background:#000;color:#eee;font:15px/1.4 system-ui,-apple-system,sans-serif}.stage{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}video{width:100%;height:100%;object-fit:contain;background:#000}.unmute{position:absolute;left:50%;bottom:max(72px,env(safe-area-inset-bottom));transform:translate(-50%);padding:10px 18px;border:0;border-radius:999px;background:#ffffffeb;color:#000;font:inherit;font-weight:600;cursor:pointer}.status{position:absolute;top:max(16px,env(safe-area-inset-top));left:16px;right:16px;text-align:center;color:#ccc;text-shadow:0 1px 2px #000}.stage{overflow:hidden}.left{position:absolute;top:max(16px,env(safe-area-inset-top));left:16px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.logo{height:56px;width:auto;padding:6px 10px;border-radius:10px;background:#ffffffeb;box-shadow:0 2px 10px #00000059;pointer-events:none}.abr{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;width:230px;padding:8px;border-radius:12px;background:#0c0e12c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e5e7eb;font-size:13px}.abr-head{display:flex;gap:6px}.abr-toggle,.fs{border:0;border-radius:8px;background:#ffffff1a;color:inherit;font:inherit;font-weight:600;cursor:pointer;padding:6px 10px}.abr-toggle{flex:1;text-align:left}.abr-toggle:after{content:"\25be";float:right;opacity:.7}.abr-toggle[aria-expanded=false]:after{content:"\25b8"}.abr-levels{display:flex;flex-direction:column;gap:2px;margin-top:8px}.abr-levels button{display:flex;justify-content:space-between;align-items:center;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;padding:6px 10px;cursor:pointer;text-align:left}.abr-levels button:hover{background:#ffffff14}.abr-levels button[aria-checked=true]{background:#2b7de9;color:#fff}.abr-levels button.playing .name:after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-radius:50%;background:#34d399;vertical-align:middle}.abr-levels .sub{opacity:.75;font-size:12px;font-variant-numeric:tabular-nums}.abr-stats{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:8px 2px 2px;padding-top:8px;border-top:1px solid rgba(255,255,255,.12);font-size:12px}.abr-stats dt{color:#9ca3af}.abr-stats dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.channels{width:190px;padding:8px;border-radius:12px;background:#0c0e12c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e5e7eb;font-size:13px}.channels[hidden]{display:none}.ch-toggle{width:100%;border:0;border-radius:8px;background:#ffffff1a;color:inherit;font:inherit;font-weight:600;cursor:pointer;padding:6px 10px;text-align:left}.ch-toggle:after{content:"\25be";float:right;opacity:.7}.ch-toggle[aria-expanded=false]:after{content:"\25b8"}.ch-body{display:flex;flex-direction:column;gap:2px;margin-top:8px}.ch-body[hidden]{display:none}.ch-body button{border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;padding:6px 10px;cursor:pointer;text-align:left}.ch-body button:hover{background:#ffffff14}.ch-body button[aria-current=true]{background:#2b7de9;color:#fff}@media (max-width: 600px),(max-height: 500px){.left{left:12px;gap:6px}.logo{height:32px;padding:4px 8px}.channels{width:150px;font-size:12px}.abr{width:180px;right:12px;font-size:12px}}