.live-page{--bg:#0b1220;--card:hsla(0,0%,100%,.08);--card-2:hsla(0,0%,100%,.12);--text:#eef2ff;--muted:#b6c2e1;--primary:#7c3aed;--primary-2:#06b6d4;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--shadow:0 20px 50px rgba(0,0,0,.35);--radius:22px;min-height:70vh;color:var(--text);background:radial-gradient(circle at top right,rgba(124,58,237,.18),transparent 30%),radial-gradient(circle at top left,rgba(6,182,212,.14),transparent 25%),linear-gradient(180deg,#0a1020,#08101a)}.live-page *{box-sizing:border-box}.live-page .page-wrap{max-width:1100px;margin:0 auto;padding:24px 14px 48px}.live-page .player-shell{position:relative;background:linear-gradient(180deg,hsla(0,0%,100%,.07),hsla(0,0%,100%,.04));border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.live-page .video-wrap{position:relative;background:#000;aspect-ratio:16/9;overflow:hidden}.live-page video{width:100%;height:100%;display:block;background:#000;object-fit:contain}.live-page .poster-layer{position:absolute;inset:0;background-size:cover;background-position:50%;display:none}.live-page .poster-layer:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.28)),radial-gradient(circle at center,rgba(0,0,0,.02),rgba(0,0,0,.22))}.live-page .overlay-center{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;pointer-events:none}.live-page .overlay-box{position:relative;z-index:2;max-width:780px;width:100%;background:rgba(8,15,28,.34);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;backdrop-filter:blur(10px);padding:22px 18px;pointer-events:auto}.live-page .overlay-title{font-size:clamp(1.2rem,2vw,1.9rem);font-weight:800;margin-bottom:10px}.live-page .overlay-desc{color:var(--muted);line-height:1.9;font-size:.98rem;margin-bottom:18px}.live-page .countdown{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:8px}.live-page .count-item{min-width:82px;padding:12px 10px;border-radius:16px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.11)}.live-page .count-num{display:block;font-size:1.5rem;font-weight:800;line-height:1.2}.live-page .count-label{display:block;color:var(--muted);font-size:.85rem;margin-top:4px}.live-page .top-badges{position:absolute;top:14px;right:14px;left:14px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.live-page .badge-group{display:flex;gap:8px;flex-wrap:wrap}.live-page .glass-badge{padding:8px 12px;border-radius:999px;background:rgba(10,17,32,.52);border:1px solid hsla(0,0%,100%,.12);color:#fff;font-size:.85rem;font-weight:700;backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:7px}.live-page .live-dot{width:9px;height:9px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 0 rgba(239,68,68,.75);animation:live-pulse 1.6s infinite}@keyframes live-pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.75)}70%{box-shadow:0 0 0 11px rgba(239,68,68,0)}to{box-shadow:0 0 0 0 rgba(239,68,68,0)}}.live-page .bottom-controls{position:absolute;right:14px;left:14px;bottom:14px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(8,14,28,.62);border:1px solid hsla(0,0%,100%,.12);backdrop-filter:blur(12px);border-radius:18px;padding:10px 12px;transition:opacity .25s ease;direction:ltr}.live-page .controls-left,.live-page .controls-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.live-page .controls-left{justify-content:flex-start}.live-page .controls-right{justify-content:flex-end}.live-page .icon-btn,.live-page .select-control{border:1px solid hsla(0,0%,100%,.13);background:hsla(0,0%,100%,.06);color:#fff;border-radius:12px;height:42px}.live-page .icon-btn{min-width:42px;padding:0 12px;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.live-page .icon-btn:hover,.live-page .select-control:hover{background:hsla(0,0%,100%,.12)}.live-page .select-control{padding:0 12px;outline:none;cursor:pointer}.live-page .volume-range{width:110px;accent-color:#8b5cf6;cursor:pointer}.live-page .meta-card{margin-top:16px;border-radius:22px;background:linear-gradient(180deg,hsla(0,0%,100%,.07),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.08);box-shadow:var(--shadow);padding:18px}.live-page .title{font-size:1.35rem;font-weight:800;margin-bottom:8px}.live-page .desc{color:var(--muted);line-height:1.95;margin-bottom:14px;white-space:pre-line}.live-page .meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.live-page .meta-item{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:14px}.live-page .meta-label{font-size:.82rem;color:var(--muted);margin-bottom:6px}.live-page .meta-value{font-size:1rem;font-weight:700;color:#fff}.live-page .status-bar{margin-top:14px;border-radius:14px;padding:12px 14px;font-size:.95rem;border:1px solid transparent}.live-page .status-info{background:rgba(59,130,246,.14);border-color:rgba(59,130,246,.18);color:#dbeafe}.live-page .status-success{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.18);color:#dcfce7}.live-page .status-warning{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.18);color:#fef3c7}.live-page .status-danger{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.18);color:#fecaca}.live-page .spinner-wrap{min-height:220px;display:flex;align-items:center;justify-content:center}.live-page .live-spinner{width:42px;height:42px;border-radius:50%;border:4px solid hsla(0,0%,100%,.25);border-top-color:#fff;animation:live-spin .9s linear infinite;margin:0 auto 14px}@keyframes live-spin{to{transform:rotate(1turn)}}.live-page .hidden{display:none!important}@media (max-width:900px){.live-page .meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-page .controls-left,.live-page .controls-right{justify-content:center}.live-page .volume-range{width:90px}}@media (max-width:640px){.live-page .bottom-controls{position:static;inset:auto;flex-wrap:nowrap;justify-content:space-between;gap:8px;border-radius:0;border:0;border-top:1px solid hsla(0,0%,100%,.12);background:rgba(8,14,28,.92);backdrop-filter:none;overflow-x:auto}.live-page .controls-left,.live-page .controls-right{flex:0 0 auto;flex-wrap:nowrap}.live-page .volume-range{display:none}.live-page .icon-btn{height:38px;min-width:38px;padding:0 9px}.live-page .select-control{height:38px;padding:0 8px;font-size:.8rem}.live-page .badge-group,.live-page .top-badges{flex-wrap:nowrap}.live-page #statusBadge{display:none}}@media (max-width:360px){.live-page .select-control{max-width:118px}}@media (max-width:575px){.live-page .page-wrap{padding:12px 8px 32px}.live-page .meta-grid{grid-template-columns:1fr}.live-page .overlay-box{padding:12px}.live-page .overlay-title{font-size:1.05rem;margin-bottom:6px}.live-page .overlay-desc{font-size:.8rem;line-height:1.6;margin-bottom:10px}.live-page .countdown{gap:6px}.live-page .count-item{min-width:56px;padding:8px 6px}.live-page .count-num{font-size:1.05rem}.live-page .count-label{font-size:.72rem}}