.ps-public-root{background:#000;color:#f5b700;min-height:100vh;overflow:hidden}.ps-landing{position:relative;padding:80px 20px;text-align:center}.ps-landing__headline{font-size:48px;font-weight:800;margin-top:20px}.ps-landing__sub{margin-top:10px;font-size:16px;opacity:.8}.ps-landing__core img{width:140px;animation:spin 20s linear infinite}.ps-btn-primary{background:#f5b700;color:#000;padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:700;margin-right:10px}.ps-btn-ghost{border:1px solid #f5b700;color:#f5b700;padding:10px 20px;border-radius:6px;text-decoration:none}.ps-landing__features{margin-top:40px;display:grid;gap:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ps-tv-page{background:#000;color:#f5b700;min-height:100vh;padding:40px}.ps-tv-title{text-align:center;margin-bottom:40px}.ps-tv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.ps-tv-card{text-decoration:none}.ps-tv-card-inner{background:#0b0b0b;border:1px solid #f5b700;padding:20px;border-radius:8px;text-align:center;transition:.3s}.ps-tv-card-inner:hover{transform:scale(1.05);box-shadow:0 0 20px #f5b70080}.ps-tv-card img{max-width:100%;height:80px;object-fit:contain;margin-bottom:15px}.ps-tv-card h3{font-size:16px}ps-broadcast{background:linear-gradient(180deg,#0a0a0a,#111);border:1px solid rgba(212,175,55,035);border-radius:4px;overflow:hidden;box-shadow:0 0 40px #000,inset 0 1px #d4af37}ps-broadcast-chyron{display:flex;align-items:center;gap:1rem;padding:065rem 125rem;background:linear-gradient(90deg,#000,#1a1508,#000);border-bottom:1px solid rgba(212,175,55,04);font-family:Segoe UI,system-ui,sans-serif}ps-broadcast-chyron-gold{font-size:07rem;font-weight:800;letter-spacing:02em;color:#1a1a1a;background:linear-gradient(180deg,#f4e4a6,#c9a227);padding:025rem 06rem;border-radius:2px}ps-broadcast-chyron-live{display:inline-flex;align-items:center;gap:035rem;font-weight:800;font-size:075rem;letter-spacing:015em;color:#ff2a2a}ps-broadcast-dot{width:8px;height:8px;border-radius:50%;background:#ff2a2a;box-shadow:0 0 10px red;animation:ps-broadcast-pulse 12s ease-in-out infinite}@keyframes ps-broadcast-pulse{50%{opacity:05;transform:scale(09)}}ps-broadcast-chyron-title{color:#f5f0e6;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ps-broadcast-player{min-height:320px;max-height:62vh}ps-broadcast-meta{padding:075rem 1rem;font-size:085rem;color:#8a8070}ps-broadcast-meta--live{color:#c9a227}ps-broadcast-queue{display:grid;grid-template-columns:220px 1fr;gap:1rem;padding:1rem 125rem 125rem;border-top:1px solid rgba(212,175,55,015)}@media (max-width: 768px){ps-broadcast-queue{grid-template-columns:1fr}}ps-broadcast-queue h4{margin:0 0 05rem;font-size:065rem;letter-spacing:018em;text-transform:uppercase;color:#c9a227}ps-broadcast-queue-card{display:flex;gap:05rem;align-items:center;background:#0d0d0d;border:1px solid rgba(212,175,55,02);border-radius:4px;padding:05rem;font-size:085rem;color:#e8e4dc}ps-broadcast-queue-card img{width:56px;height:32px;object-fit:cover;border-radius:2px}ps-broadcast-queue-list{margin:0;padding-left:0;list-style:none;max-height:180px;overflow-y:auto;font-size:08rem;color:#9a9285}ps-broadcast-queue-list li{display:flex;align-items:center;gap:05rem;padding:035rem 05rem;border-radius:2px}ps-broadcast-queue-list liactive{background:#c9a227;color:#f4e4a6}ps-broadcast-queue-list lidone{opacity:045}ps-broadcast-q-idx{font-family:ui-monospace,monospace;color:#c9a227;min-width:125rem}ps-broadcast-muted{color:#666;font-size:085rem;margin:0}ps-broadcast--empty ps-broadcast-offair{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#8a8070}ps-broadcast-offair-icon{font-size:25rem;opacity:05;margin-bottom:05rem}ps-broadcast-offair h3{color:#c9a227;margin:0 0 05rem;letter-spacing:008em}.ps-channel-page{width:100%}.ps-channel-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.ps-channel-main,.ps-channel-side{display:flex;flex-direction:column;gap:15px}.ps-channel-banner{background:#111;padding:15px;border-radius:10px}.ps-channel-banner h2{margin:0;color:#f5b700}.ps-channel-banner p{margin-top:5px;color:#ccc}@media (max-width: 768px){.ps-channel-grid{grid-template-columns:1fr}}spn-hub{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}spn-hub-hero{position:relative;height:70vh;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#0a0a0a,#1a1308)}spn-hub-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:03;background:radial-gradient(ellipse at 20% 30%,rgba(230,184,0,015) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(255,215,0,01) 0%,transparent 50%),linear-gradient(180deg,transparent 0%,rgba(0,0,0,05) 100%)}spn-hub-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(230,184,0,003) 1px,transparent 1px),linear-gradient(90deg,rgba(230,184,0,003) 1px,transparent 1px);background-size:60px 60px}spn-hub-hero-content{position:relative;z-index:2;text-align:center;padding:2rem;max-width:900px}spn-hub-logo{width:180px;height:auto;margin-bottom:15rem;filter:drop-shadow(0 4px 12px rgba(230,184,0,03))}spn-hub-title{font-size:4rem;font-weight:900;margin:0 0 05rem;background:linear-gradient(135deg,#e6b800,gold,#ffed4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 30px rgba(230,184,0,03)}spn-hub-subtitle{font-size:15rem;font-weight:400;color:#888;margin:0 0 2rem;letter-spacing:02em;text-transform:uppercase}spn-hub-description{font-size:1125rem;color:#aaa;margin:0 0 25rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:16}spn-hub-cta{display:inline-flex;align-items:center;gap:075rem;padding:1rem 2rem;background:linear-gradient(135deg,#e6b800,gold);color:#0a0a0a;font-size:1125rem;font-weight:700;text-transform:uppercase;letter-spacing:005em;border:none;border-radius:50px;cursor:pointer;transition:all 03s}spn-hub-cta:hover{transform:translateY(-3px);box-shadow:0 10px 40px #e6b800,0 0 60px #e6b800}spn-hub-stations{padding:4rem 2rem;max-width:1400px;margin:0 auto}spn-hub-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}spn-hub-section-title{font-size:2rem;font-weight:800;margin:0;color:#e6b800}spn-hub-categories{display:flex;gap:05rem;flex-wrap:wrap}spn-hub-category{display:flex;align-items:center;gap:035rem;padding:05rem 1rem;background:#fff;border:1px solid rgba(255,255,255,01);border-radius:999px;color:#888;font-size:0875rem;cursor:pointer;transition:all 02s}spn-hub-category:hover{background:#fff;color:#fff}spn-hub-category--active{background:#e6b800;border-color:#e6b800;color:#0a0a0a}spn-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}spn-hub-station-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(135deg,#fff,#fff);border:1px solid rgba(255,255,255,008);border-radius:16px;overflow:hidden;cursor:pointer;transition:all 04s cubic-bezier(04,0,02,1)}spn-hub-station-card:hover{transform:translateY(-8px);border-color:var(--station-primary, #e6b800);box-shadow:0 20px 40px #000,0 0 40px #e6b800}spn-hub-station-cover{position:relative;aspect-ratio:16 / 9;background:linear-gradient(135deg,#e6b800,#000);overflow:hidden}spn-hub-station-cover img{width:100%;height:100%;object-fit:cover;transition:transform 05s}spn-hub-station-card:hover spn-hub-station-cover img{transform:scale(11)}spn-hub-station-cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,05) 70%,rgba(0,0,0,09) 100%)}spn-hub-station-logo{position:absolute;bottom:1rem;left:1rem;height:48px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,05))}spn-hub-station-live{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:035rem;padding:035rem 075rem;background:#ff4757;border-radius:4px;font-size:0625rem;font-weight:700;text-transform:uppercase;letter-spacing:005em}spn-hub-station-premium{position:absolute;top:1rem;left:1rem;padding:035rem 075rem;background:linear-gradient(135deg,#d4af37,gold);border-radius:4px;color:#0a0a0a;font-size:0625rem;font-weight:700;text-transform:uppercase;letter-spacing:005em}spn-hub-station-info{padding:15rem}spn-hub-station-name{font-size:125rem;font-weight:700;margin:0 0 025rem}spn-hub-station-tagline{font-size:0875rem;color:var(--station-primary, #e6b800);margin:0 0 075rem}spn-hub-station-description{font-size:0875rem;color:#888;margin:0 0 1rem;line-height:15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}spn-hub-station-meta{display:flex;gap:075rem}spn-hub-station-badge{padding:025rem 05rem;background:#fff;border-radius:4px;font-size:075rem;color:#888}spn-hub-station-cta{display:flex;align-items:center;justify-content:center;gap:05rem;padding:1rem;background:#fff;border-top:1px solid rgba(255,255,255,008);color:#fff;font-size:0875rem;font-weight:600;transition:all 02s}spn-hub-station-card:hover spn-hub-station-cta{background:var(--station-primary, #e6b800);color:#0a0a0a}spn-hub-featured{padding:4rem 2rem;background:linear-gradient(to bottom,rgba(230,184,0,003),transparent)}spn-hub-featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15rem;max-width:1400px;margin:0 auto}spn-hub-featured-card{display:flex;gap:1rem;padding:1rem;background:#fff;border-radius:12px;cursor:pointer;transition:all 03s}spn-hub-featured-card:hover{background:#fff;transform:translate(4px)}spn-hub-featured-thumb{width:120px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0}spn-hub-featured-thumb img{width:100%;height:100%;object-fit:cover}spn-hub-featured-info{flex:1;min-width:0}spn-hub-featured-station{font-size:075rem;color:#e6b800;margin-bottom:025rem}spn-hub-featured-title{font-size:09375rem;font-weight:600;margin:0 0 025rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}spn-hub-featured-meta{font-size:075rem;color:#888}spn-hub-footer{padding:3rem 2rem;border-top:1px solid rgba(255,255,255,008);text-align:center}spn-hub-footer-logo{height:40px;margin-bottom:1rem;opacity:06}spn-hub-footer p{color:#666;font-size:0875rem;margin:0}spn-hub-footer-links{display:flex;justify-content:center;gap:2rem;margin-top:1rem}spn-hub-footer-links a{color:#888;text-decoration:none;font-size:0875rem;transition:color 02s}spn-hub-footer-links a:hover{color:#e6b800}spn-hub-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}spn-hub-spinner{width:48px;height:48px;border:4px solid rgba(230,184,0,02);border-top-color:#e6b800;border-radius:50%;animation:spin 1s linear infinite}spn-hub-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem;color:#ff4757}spn-hub-error button{padding:075rem 15rem;background:#e6b800;color:#0a0a0a;border:none;border-radius:8px;font-weight:600;cursor:pointer}@media (max-width: 768px){spn-hub-hero{height:60vh;min-height:400px}spn-hub-logo{width:120px}spn-hub-title{font-size:25rem}spn-hub-subtitle{font-size:1rem}spn-hub-stations,spn-hub-featured{padding:2rem 1rem}spn-hub-grid{grid-template-columns:1fr;gap:15rem}spn-hub-section-header{flex-direction:column;align-items:flex-start}spn-hub-categories{width:100%;overflow-x:auto;padding-bottom:05rem;flex-wrap:nowrap}spn-hub-featured-grid{grid-template-columns:1fr}}:root{--station-primary: #e6b800;--station-secondary: #1a1a1a;--station-accent: #ffd700;--station-bg: #0a0a0a;--station-text: #ffffff;--station-text-muted: #888888;--station-border: rgba(255, 255, 255, 008);--station-shadow: rgba(0, 0, 0, 05);--station-radius: 12px;--station-radius-sm: 8px;--station-radius-lg: 16px}tv-station{min-height:100vh;background:var(--station-bg);color:var(--station-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}tv-station-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem;color:var(--station-text-muted)}tv-station-error button{padding:075rem 15rem;background:var(--station-primary);color:var(--station-bg);border:none;border-radius:var(--station-radius-sm);cursor:pointer;font-weight:600}tv-station-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:linear-gradient(to bottom,#000,#000);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--station-border)}tv-station-header-left{display:flex;align-items:center;gap:1rem}tv-station-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;color:var(--station-text);font-size:125rem;cursor:pointer;transition:all 02s}tv-station-back:hover{background:var(--station-primary);color:var(--station-bg)}tv-station-logo{height:48px;width:auto;object-fit:contain}tv-station-info{display:flex;flex-direction:column}tv-station-name{font-size:125rem;font-weight:700;margin:0;color:var(--station-text)}tv-station-tagline{font-size:075rem;color:var(--station-text-muted);margin:0}tv-station-header-right{display:flex;align-items:center;gap:1rem}tv-station-live-badge,tv-live-badge{display:flex;align-items:center;gap:05rem;padding:05rem 1rem;background:#fff;border-radius:999px;font-size:075rem;font-weight:700;text-transform:uppercase;letter-spacing:005em}tv-station-live-badge--active,tv-live-badge--active{background:#ff4757}tv-live-dot{width:8px;height:8px;background:#ff4757;border-radius:50%;animation:pulse 15s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:06;transform:scale(09)}}tv-viewer-count{margin-left:05rem;padding-left:05rem;border-left:1px solid rgba(255,255,255,02)}tv-station-upload-btn{display:flex;align-items:center;gap:05rem;padding:05rem 1rem;background:var(--station-primary);color:var(--station-bg);border:none;border-radius:var(--station-radius-sm);font-weight:600;cursor:pointer;transition:all 02s}tv-station-upload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e6b800}tv-station-content{padding:0}tv-station-footer{display:flex;align-items:center;justify-content:space-between;padding:15rem 2rem;border-top:1px solid var(--station-border);font-size:0875rem;color:var(--station-text-muted)}tv-station-footer-left,tv-station-footer-right{display:flex;align-items:center;gap:1rem}tv-station-footer button{background:none;border:none;color:var(--station-text-muted);cursor:pointer;transition:color 02s}tv-station-footer button:hover{color:var(--station-primary)}tv-hero{position:relative;height:60vh;min-height:400px;max-height:700px;display:flex;align-items:flex-end;overflow:hidden}tv-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}tv-hero-bg-img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 05s}tv-hero-bg-img--loaded{opacity:1}tv-hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,03) 40%,rgba(0,0,0,08) 70%,var(--station-bg) 100%)}tv-hero-content{position:relative;z-index:2;padding:3rem;max-width:700px}tv-hero-logo{height:60px;width:auto;margin-bottom:1rem}tv-hero-label{display:inline-block;padding:025rem 075rem;background:var(--station-primary);color:var(--station-bg);font-size:075rem;font-weight:700;text-transform:uppercase;letter-spacing:01em;border-radius:4px;margin-bottom:05rem}tv-hero-title{font-size:25rem;font-weight:800;margin:0 0 05rem;line-height:11}tv-hero-tagline{font-size:125rem;color:var(--station-primary);margin:0 0 1rem}tv-hero-description{font-size:1rem;color:var(--station-text-muted);margin:0 0 1rem;line-height:15}tv-hero-meta{display:flex;gap:1rem;font-size:0875rem;color:var(--station-text-muted);margin-bottom:15rem}tv-hero-actions{display:flex;gap:1rem}tv-hero-btn{display:flex;align-items:center;gap:05rem;padding:0875rem 15rem;border:none;border-radius:var(--station-radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all 02s}tv-hero-btn--primary{background:var(--station-primary);color:var(--station-bg)}tv-hero-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e6b800}tv-hero-btn--secondary{background:#fff;color:var(--station-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}tv-hero-btn--secondary:hover{background:#fff}tv-hero--mtv tv-hero-title{font-size:3rem;text-transform:uppercase;letter-spacing:-002em}tv-hero-mtv-effects{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}tv-hero-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,01) 2px,rgba(0,0,0,01) 4px)}tv-hero--cinematic{height:70vh}tv-hero--cinematic tv-hero-gradient{background:linear-gradient(to right,var(--station-bg) 0%,rgba(0,0,0,07) 30%,transparent 60%),linear-gradient(to top,var(--station-bg) 0%,transparent 50%)}tv-hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;box-shadow:inset 0 0 200px 60px #000;pointer-events:none}tv-player{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--station-radius);overflow:hidden}tv-player--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;border-radius:0;aspect-ratio:unset}tv-player--empty{display:flex;align-items:center;justify-content:center}tv-player-placeholder{text-align:center;color:var(--station-text-muted)}tv-player-placeholder-icon{font-size:3rem;opacity:05;display:block;margin-bottom:1rem}tv-player-video{position:absolute;top:0;right:0;bottom:0;left:0}tv-player-video>div{width:100%!important;height:100%!important}tv-player-video video{object-fit:contain}tv-player-loading,tv-player-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;z-index:10}tv-player-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,01);border-top-color:var(--station-primary);border-radius:50%;animation:spin 1s linear infinite}tv-player-error{gap:1rem;color:#ff4757}tv-player-error button{padding:05rem 1rem;background:var(--station-primary);color:var(--station-bg);border:none;border-radius:var(--station-radius-sm);cursor:pointer}tv-player-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:075rem;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,08),transparent);opacity:0;transition:opacity 03s}tv-player:hover tv-player-controls{opacity:1}tv-player-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;color:var(--station-text);font-size:0875rem;cursor:pointer;transition:all 02s}tv-player-btn:hover{background:var(--station-primary);color:var(--station-bg)}tv-player-btn--play{width:44px;height:44px;font-size:1rem}tv-player-progress{flex:1;display:flex;align-items:center;gap:05rem}tv-player-progress-bar{flex:1;height:4px;background:#fff;border-radius:2px;cursor:pointer;overflow:hidden}tv-player-progress-fill{height:100%;background:var(--station-primary);transition:width 01s}tv-player-time{font-size:075rem;color:var(--station-text-muted);white-space:nowrap}tv-player-live-badge{display:flex;align-items:center;gap:035rem;padding:025rem 05rem;background:#ff4757;border-radius:4px;font-size:0625rem;font-weight:700;text-transform:uppercase}tv-player-title{font-size:0875rem;font-weight:500;color:var(--station-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}tv-player-spacer{flex:1}tv-player-volume{display:flex;align-items:center;gap:05rem}tv-player-volume-slider{width:60px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border-radius:2px;cursor:pointer}tv-player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--station-primary);border-radius:50%;cursor:pointer}tv-player-poster{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}tv-player-poster img{width:100%;height:100%;object-fit:cover}tv-player-poster-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--station-primary);border-radius:50%;font-size:2rem;color:var(--station-bg);transition:all 03s}tv-player-poster:hover tv-player-poster-play{transform:translate(-50%,-50%) scale(11);box-shadow:0 8px 32px #e6b800}tv-video-grid{padding:2rem}tv-video-grid-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15rem;flex-wrap:wrap;gap:1rem}tv-video-grid-title{font-size:15rem;font-weight:700;margin:0;color:var(--station-text)}tv-video-grid-controls{display:flex;gap:1rem}tv-video-grid-search{position:relative}tv-video-grid-search input{width:250px;padding:0625rem 1rem 0625rem 25rem;background:#fff;border:1px solid var(--station-border);border-radius:var(--station-radius-sm);color:var(--station-text);font-size:0875rem}tv-video-grid-search input::placeholder{color:var(--station-text-muted)}tv-video-grid-search input:focus{outline:none;border-color:var(--station-primary)}tv-search-icon{position:absolute;left:075rem;top:50%;transform:translateY(-50%);font-size:0875rem;opacity:05}tv-video-grid-filter{padding:0625rem 1rem;background:#fff;border:1px solid var(--station-border);border-radius:var(--station-radius-sm);color:var(--station-text);font-size:0875rem;cursor:pointer}tv-video-grid-filter:focus{outline:none;border-color:var(--station-primary)}tv-video-grid-items{display:grid;gap:15rem}tv-video-grid-items--grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}tv-video-grid-items--row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));overflow-x:auto;display:flex;gap:1rem;padding-bottom:05rem}tv-video-grid-items--featured{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}tv-video-grid-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--station-text-muted)}tv-video-grid-empty span{font-size:3rem;opacity:05;margin-bottom:1rem}tv-video-grid-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15rem}tv-video-card--skeleton{animation:skeleton-pulse 15s ease-in-out infinite}tv-video-card-thumb-skeleton{aspect-ratio:16 / 9;background:#fff;border-radius:var(--station-radius)}tv-video-card-info-skeleton{height:60px;margin-top:075rem;background:#fff;border-radius:var(--station-radius-sm)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:05}}tv-video-card{cursor:pointer;transition:transform 03s,box-shadow 03s}tv-video-card:hover{transform:translateY(-4px)}tv-video-card-thumb{position:relative;aspect-ratio:16 / 9;border-radius:var(--station-radius);overflow:hidden;background:#fff}tv-video-card-thumb-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2rem;opacity:03}tv-video-card-img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 03s,transform 05s}tv-video-card-img--loaded{opacity:1}tv-video-card:hover tv-video-card-img{transform:scale(105)}tv-video-card-duration{position:absolute;bottom:05rem;right:05rem;padding:025rem 05rem;background:#000;border-radius:4px;font-size:075rem;font-weight:500}tv-video-card-live{position:absolute;top:05rem;left:05rem;display:flex;align-items:center;gap:025rem;padding:025rem 05rem;background:#ff4757;border-radius:4px;font-size:0625rem;font-weight:700;text-transform:uppercase}tv-video-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--station-primary);border-radius:50%;font-size:125rem;color:var(--station-bg);opacity:0;transition:all 03s}tv-video-card:hover tv-video-card-play{opacity:1}tv-video-card-info{padding:075rem 0}tv-video-card-title{font-size:1rem;font-weight:600;margin:0 0 025rem;color:var(--station-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}tv-video-card-creator{font-size:0875rem;color:var(--station-text-muted);margin:0}tv-video-card-meta{display:flex;gap:075rem;font-size:075rem;color:var(--station-text-muted);margin-top:025rem}tv-video-card--row{flex:0 0 200px}tv-video-card--row tv-video-card-title{font-size:0875rem;-webkit-line-clamp:1}tv-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;background:#000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn 03s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}tv-modal{position:relative;width:100%;max-width:900px;max-height:90vh;background:var(--station-secondary);border-radius:var(--station-radius-lg);overflow:hidden;animation:slideUp 03s}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}tv-modal-close{position:absolute;top:1rem;right:1rem;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#000;border:none;border-radius:50%;color:var(--station-text);font-size:15rem;cursor:pointer;transition:all 02s}tv-modal-close:hover{background:#ff4757}tv-modal-media{aspect-ratio:16 / 9;background:#000}tv-modal-poster{position:relative;width:100%;height:100%;cursor:pointer}tv-modal-poster-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:3rem;opacity:03}tv-modal-poster-img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 03s}tv-modal-poster-img--loaded{opacity:1}tv-modal-poster-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--station-primary);border-radius:50%;font-size:2rem;color:var(--station-bg);transition:all 03s}tv-modal-poster:hover tv-modal-poster-play{transform:translate(-50%,-50%) scale(11);box-shadow:0 8px 32px #e6b800}tv-modal-live-badge{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;gap:035rem;padding:05rem 075rem;background:#ff4757;border-radius:4px;font-size:075rem;font-weight:700;text-transform:uppercase}tv-modal-details{padding:15rem}tv-modal-header{margin-bottom:1rem}tv-modal-title{font-size:15rem;font-weight:700;margin:0 0 05rem}tv-modal-meta{display:flex;gap:1rem;font-size:0875rem;color:var(--station-text-muted)}tv-modal-description{font-size:09375rem;color:var(--station-text-muted);line-height:16;margin:0 0 1rem}tv-modal-creator{display:flex;gap:05rem;font-size:0875rem;margin-bottom:1rem}tv-modal-creator-label{color:var(--station-text-muted)}tv-modal-creator-name{color:var(--station-primary);font-weight:500}tv-modal-tags{display:flex;flex-wrap:wrap;gap:05rem;margin-bottom:15rem}tv-modal-tag{padding:025rem 075rem;background:#fff;border-radius:999px;font-size:075rem;color:var(--station-text-muted)}tv-modal-actions{display:flex;gap:1rem;flex-wrap:wrap}tv-modal-btn{display:flex;align-items:center;gap:05rem;padding:075rem 125rem;border:none;border-radius:var(--station-radius-sm);font-size:09375rem;font-weight:600;cursor:pointer;transition:all 02s}tv-modal-btn--primary{background:var(--station-primary);color:var(--station-bg)}tv-modal-btn--primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e6b800}tv-modal-btn--secondary{background:#fff;color:var(--station-text)}tv-modal-btn--secondary:hover{background:#fff}tv-modal-voting{margin-left:auto}tv-modal-vote-btn{padding:075rem 125rem;background:linear-gradient(135deg,#ff6b35,#f7931a);color:#fff;border:none;border-radius:var(--station-radius-sm);font-weight:600;cursor:pointer;transition:all 02s}tv-modal-vote-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b35}tv-modal-station{display:flex;align-items:center;gap:1rem;margin-top:15rem;padding-top:15rem;border-top:1px solid var(--station-border)}tv-modal-station-logo{width:40px;height:40px;object-fit:contain}tv-modal-station-info{display:flex;flex-direction:column}tv-modal-station-name{font-weight:600;font-size:09375rem}tv-modal-station-tagline{font-size:075rem;color:var(--station-text-muted)}tv-upload-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;background:#000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}tv-upload-panel{width:100%;max-width:600px;max-height:90vh;background:var(--station-secondary);border-radius:var(--station-radius-lg);overflow-y:auto}tv-upload-header{display:flex;align-items:center;justify-content:space-between;padding:15rem;border-bottom:1px solid var(--station-border)}tv-upload-header h3{font-size:125rem;margin:0}tv-upload-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;color:var(--station-text);font-size:125rem;cursor:pointer}tv-upload-close:hover{background:#ff4757}tv-upload-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#28a745}tv-upload-success span{font-size:3rem;margin-bottom:1rem}tv-upload-form{padding:15rem}tv-upload-section{margin-bottom:15rem}tv-upload-section label{display:block;margin-bottom:05rem;font-size:0875rem;font-weight:600;color:var(--station-text-muted)}tv-upload-toggle{display:flex;gap:05rem;margin-bottom:1rem}tv-upload-toggle button{flex:1;padding:05rem 1rem;background:#fff;border:1px solid var(--station-border);border-radius:var(--station-radius-sm);color:var(--station-text-muted);font-size:0875rem;cursor:pointer;transition:all 02s}tv-upload-toggle buttonactive{background:var(--station-primary);border-color:var(--station-primary);color:var(--station-bg)}tv-upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#fff;border:2px dashed var(--station-border);border-radius:var(--station-radius);cursor:pointer;transition:all 02s}tv-upload-dropzone:hover{border-color:var(--station-primary);background:#fff}tv-upload-dropzone span{font-size:2rem;margin-bottom:05rem}tv-upload-dropzone p{margin:0;color:var(--station-text-muted)}tv-upload-hint{font-size:075rem;opacity:06}tv-upload-dropzone--small{padding:1rem}tv-upload-dropzone--small span{font-size:15rem}tv-upload-preview{position:relative;border-radius:var(--station-radius);overflow:hidden}tv-upload-preview video,tv-upload-preview img{width:100%;max-height:200px;object-fit:cover}tv-upload-preview--thumb{max-width:200px}tv-upload-preview--thumb img{max-height:120px}tv-upload-remove{position:absolute;top:05rem;right:05rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ff4757;border:none;border-radius:50%;color:#fff;font-size:1rem;cursor:pointer}tv-upload-input{width:100%;padding:075rem 1rem;background:#fff;border:1px solid var(--station-border);border-radius:var(--station-radius-sm);color:var(--station-text);font-size:09375rem}tv-upload-input::placeholder{color:var(--station-text-muted)}tv-upload-input:focus{outline:none;border-color:var(--station-primary)}tv-upload-textarea{width:100%;padding:075rem 1rem;background:#fff;border:1px solid var(--station-border);border-radius:var(--station-radius-sm);color:var(--station-text);font-size:09375rem;resize:vertical;min-height:100px}tv-upload-textarea:focus{outline:none;border-color:var(--station-primary)}tv-upload-error{padding:075rem 1rem;background:#ff4757;border:1px solid rgba(255,71,87,03);border-radius:var(--station-radius-sm);color:#ff4757;font-size:0875rem;margin-bottom:1rem}tv-upload-progress{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}tv-upload-progress-bar{flex:1;height:8px;background:#fff;border-radius:4px;overflow:hidden}tv-upload-progress-fill{height:100%;background:var(--station-primary);transition:width 03s}tv-upload-progress span{font-size:0875rem;color:var(--station-text-muted)}tv-upload-actions{display:flex;gap:1rem}tv-upload-btn{flex:1;padding:0875rem 15rem;border:none;border-radius:var(--station-radius-sm);font-size:09375rem;font-weight:600;cursor:pointer;transition:all 02s}tv-upload-btn:disabled{opacity:05;cursor:not-allowed}tv-upload-btn--cancel{background:#fff;color:var(--station-text)}tv-upload-btn--submit{background:var(--station-primary);color:var(--station-bg)}tv-upload-btn--submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #e6b800}tv-schedule{padding:2rem}tv-schedule-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15rem;flex-wrap:wrap;gap:1rem}tv-schedule-title{font-size:15rem;font-weight:700;margin:0}tv-schedule-days{display:flex;gap:025rem}tv-schedule-day{padding:05rem 075rem;background:#fff;border:1px solid transparent;border-radius:var(--station-radius-sm);color:var(--station-text-muted);font-size:075rem;font-weight:600;cursor:pointer;transition:all 02s}tv-schedule-day:hover{background:#fff}tv-schedule-day--active{background:var(--station-primary);color:var(--station-bg)}tv-schedule-day--today:not(tv-schedule-day--active){border-color:var(--station-primary)}tv-schedule-empty,tv-schedule-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--station-text-muted)}tv-schedule-empty span{font-size:2rem;opacity:05;margin-bottom:05rem}tv-schedule-list{display:flex;flex-direction:column;gap:05rem}tv-schedule-item{display:flex;align-items:center;gap:15rem;padding:1rem;background:#fff;border-radius:var(--station-radius-sm);transition:all 02s}tv-schedule-item:hover{background:#fff}tv-schedule-item--airing{background:#e6b800;border:1px solid rgba(230,184,0,03)}tv-schedule-time{display:flex;align-items:center;gap:035rem;min-width:140px;font-size:0875rem;font-weight:500;color:var(--station-text-muted)}tv-schedule-separator{opacity:05}tv-schedule-show{flex:1;display:flex;align-items:center;gap:1rem}tv-schedule-show-title{font-weight:600}tv-schedule-show-desc{font-size:0875rem;color:var(--station-text-muted)}tv-schedule-live-badge{display:flex;align-items:center;gap:035rem;padding:025rem 05rem;background:#ff4757;border-radius:4px;font-size:0625rem;font-weight:700;text-transform:uppercase}tv-vote-panel{padding:2rem}tv-vote-title{font-size:15rem;font-weight:700;margin:0 0 15rem}tv-vote-success{display:flex;align-items:center;gap:05rem;padding:075rem 1rem;background:#28a745;border:1px solid rgba(40,167,69,03);border-radius:var(--station-radius-sm);color:#28a745;margin-bottom:1rem}tv-vote-error{display:flex;align-items:center;justify-content:space-between;padding:075rem 1rem;background:#ff4757;border:1px solid rgba(255,71,87,03);border-radius:var(--station-radius-sm);color:#ff4757;margin-bottom:1rem}tv-vote-error button{background:none;border:none;color:#ff4757;font-size:125rem;cursor:pointer}tv-vote-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--station-text-muted)}tv-vote-empty span{font-size:3rem;opacity:05;margin-bottom:05rem}tv-vote-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15rem}tv-vote-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--station-radius);overflow:hidden;transition:all 03s}tv-vote-card:hover{background:#fff;transform:translateY(-4px)}tv-vote-card--voted{border:2px solid var(--station-primary)}tv-vote-card--rank-1{background:linear-gradient(135deg,gold,gold)}tv-vote-card--rank-2{background:linear-gradient(135deg,silver,silver)}tv-vote-card--rank-3{background:linear-gradient(135deg,#cd7f32,#cd7f32)}tv-vote-rank{position:absolute;top:05rem;left:05rem;z-index:1;font-size:15rem}tv-vote-thumb{position:relative;aspect-ratio:16 / 9}tv-vote-thumb img{width:100%;height:100%;object-fit:cover}tv-vote-live{position:absolute;top:05rem;right:05rem;display:flex;align-items:center;gap:025rem;padding:025rem 05rem;background:#ff4757;border-radius:4px;font-size:0625rem;font-weight:700;text-transform:uppercase}tv-vote-info{padding:1rem}tv-vote-name{font-size:1rem;font-weight:600;margin:0 0 025rem}tv-vote-creator{font-size:0875rem;color:var(--station-text-muted);margin:0 0 05rem}tv-vote-count{display:flex;align-items:baseline;gap:035rem}tv-vote-count-num{font-size:15rem;font-weight:700;color:var(--station-primary)}tv-vote-count-label{font-size:075rem;color:var(--station-text-muted)}tv-vote-btn{display:flex;align-items:center;justify-content:center;gap:05rem;padding:0875rem;background:linear-gradient(135deg,#ff6b35,#f7931a);border:none;color:#fff;font-size:09375rem;font-weight:600;cursor:pointer;transition:all 02s}tv-vote-btn:hover:not(:disabled){filter:brightness(11)}tv-vote-btn:disabled{opacity:06;cursor:not-allowed}tv-vote-btn--voted{background:var(--station-primary);color:var(--station-bg)}tv-vote-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,03);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}tv-vote-login-prompt{margin-top:15rem;padding:1rem;background:#fff;border-radius:var(--station-radius-sm);text-align:center;color:var(--station-text-muted)}tv-schedule-skeleton{display:flex;flex-direction:column;gap:05rem}tv-schedule-item--skeleton{display:flex;gap:1rem;padding:1rem}tv-schedule-time-skeleton{width:140px;height:20px;background:#fff;border-radius:4px}tv-schedule-show-skeleton{flex:1;height:20px;background:#fff;border-radius:4px}tv-vote-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15rem}@media (max-width: 768px){tv-station-header{padding:075rem 1rem}tv-station-logo{height:36px}tv-station-name{font-size:1rem}tv-station-tagline{display:none}tv-hero{height:50vh;min-height:300px}tv-hero-content{padding:15rem}tv-hero-title{font-size:175rem}tv-hero-actions{flex-direction:column}tv-hero-btn{width:100%;justify-content:center}tv-video-grid{padding:1rem}tv-video-grid-header{flex-direction:column;align-items:stretch}tv-video-grid-controls{flex-direction:column}tv-video-grid-search input{width:100%}tv-video-grid-items--grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}tv-modal{max-width:100%;max-height:100%;border-radius:0}tv-modal-actions{flex-direction:column}tv-modal-voting{margin:0}tv-schedule{padding:1rem}tv-schedule-days{flex-wrap:wrap;justify-content:center}tv-schedule-item{flex-direction:column;align-items:flex-start;gap:05rem}tv-schedule-time{min-width:unset}tv-vote-panel{padding:1rem}tv-vote-grid{grid-template-columns:1fr}tv-station-footer{flex-direction:column;gap:1rem;text-align:center}tv-upload-panel{margin:1rem;max-height:calc(100vh - 2rem)}}music-library{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0f0f1a);color:#fff;padding-bottom:100px}music-header{background:linear-gradient(180deg,rgba(255,184,77,015) 0%,transparent 100%);border-bottom:1px solid rgba(255,184,77,02);padding:24px 32px}music-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}music-logo{display:flex;align-items:center;gap:16px}music-logo-icon{font-size:48px;background:linear-gradient(135deg,#ffb84d,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 10px rgba(255,184,77,05))}50%{filter:drop-shadow(0 0 20px rgba(255,184,77,08))}}music-logo h1{margin:0;font-size:28px;font-weight:800;background:linear-gradient(90deg,#ffb84d,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}music-logo p{margin:4px 0 0;font-size:14px;color:#888}music-btn{padding:12px 24px;border-radius:24px;font-weight:600;font-size:14px;cursor:pointer;transition:all 02s ease;border:none}music-btn--primary{background:linear-gradient(135deg,#ffb84d,#ff8c00);color:#000}music-btn--primary:hover{transform:scale(105);box-shadow:0 4px 20px #ffb84d}music-filters{max-width:1400px;margin:0 auto;padding:24px 32px;display:flex;flex-direction:column;gap:16px}music-search{display:flex;gap:8px;max-width:400px}music-search input{flex:1;padding:12px 16px;background:#fff;border:1px solid rgba(255,255,255,01);border-radius:24px;color:#fff;font-size:14px}music-search input::placeholder{color:#666}music-search input:focus{outline:none;border-color:#ffb84d}music-search button{padding:12px 16px;background:#ffb84d;border:1px solid rgba(255,184,77,03);border-radius:24px;color:#ffb84d;cursor:pointer;transition:all 02s ease}music-search button:hover{background:#ffb84d}music-filter-group{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}music-genres{display:flex;gap:8px;flex-wrap:wrap}music-genre-btn{padding:8px 16px;background:#fff;border:1px solid rgba(255,255,255,01);border-radius:20px;color:#888;font-size:13px;cursor:pointer;transition:all 02s ease}music-genre-btn:hover{background:#fff;color:#fff}music-genre-btnactive{background:linear-gradient(135deg,#ffb84d,#ff8c00);color:#000;border-color:transparent}music-sort{padding:10px 16px;background:#fff;border:1px solid rgba(255,255,255,01);border-radius:8px;color:#fff;font-size:14px;cursor:pointer}music-sort:focus{outline:none;border-color:#ffb84d}music-view-toggle{display:flex;gap:4px;background:#fff;border-radius:24px;padding:4px}music-view-toggle button{padding:8px 16px;background:transparent;border:none;border-radius:20px;color:#888;font-size:13px;cursor:pointer;transition:all 02s ease}music-view-toggle button:hover{color:#fff}music-view-toggle buttonactive{background:#ffb84d;color:#ffb84d}music-content{max-width:1400px;margin:0 auto;padding:0 32px}music-loading{text-align:center;padding:64px;color:#888}music-spinner{width:48px;height:48px;border:3px solid rgba(255,184,77,02);border-top-color:#ffb84d;border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}music-error{text-align:center;padding:64px;color:#ff6b6b}music-error button{margin-top:16px;padding:12px 24px;background:#ff6b6b;border:1px solid rgba(255,107,107,03);border-radius:8px;color:#ff6b6b;cursor:pointer}music-empty{text-align:center;padding:80px 32px}music-empty-icon{font-size:64px;margin-bottom:24px;opacity:05}music-empty h3{margin:0 0 8px;font-size:24px;color:#fff}music-empty p{margin:0 0 24px;color:#888}music-track-list{display:flex;flex-direction:column;gap:2px}music-track-row{display:grid;grid-template-columns:40px 48px 56px 1fr 150px 100px 100px 60px auto;gap:16px;align-items:center;padding:12px 16px;background:#fff;border-radius:8px;transition:all 02s ease}music-track-row:hover{background:#fff}music-track-rowplaying{background:#ffb84d;border-left:3px solid #ffb84d}music-track-num{color:#666;font-size:14px;text-align:center}music-track-play{width:40px;height:40px;border-radius:50%;background:#ffb84d;border:none;color:#ffb84d;font-size:16px;cursor:pointer;transition:all 02s ease}music-track-play:hover{background:#ffb84d;color:#000;transform:scale(11)}music-track-cover{width:48px;height:48px;border-radius:6px;overflow:hidden;background:#fff}music-track-cover img{width:100%;height:100%;object-fit:cover}music-track-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,#2a2a3e,#1a1a2e)}music-track-info{overflow:hidden}music-track-title{font-weight:600;font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}music-track-artist{font-size:13px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}music-track-album{font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}music-track-genre{font-size:12px;color:#888;background:#fff;padding:4px 8px;border-radius:12px;text-align:center}music-track-plays{font-size:13px;color:#666}music-track-duration{font-size:13px;color:#888;text-align:right}music-track-explicit{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#fff;border-radius:3px;font-size:10px;font-weight:700;color:#888}music-track-actions{display:flex;align-items:center;gap:4px;margin-left:8px}music-delete-btn{width:28px;height:28px;border-radius:50%;background:#ff6464;border:1px solid rgba(255,100,100,02);color:#ff6b6b;font-size:12px;cursor:pointer;transition:all 02s ease;display:flex;align-items:center;justify-content:center;opacity:06}music-track-row:hover music-delete-btn{opacity:1}music-delete-btn:hover{background:#ff6464;border-color:#ff6464;transform:scale(11)}music-delete-confirm{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ff6464;border-radius:16px;animation:fadeIn 02s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(09)}to{opacity:1;transform:scale(1)}}music-delete-btn--yes{background:#ff6464;border-color:#ff6b6b;color:#ff6b6b;width:24px;height:24px;font-size:11px}music-delete-btn--yes:hover{background:#ff6b6b;color:#fff}music-delete-btn--no{background:#fff;border-color:#fff;color:#888;width:24px;height:24px;font-size:11px}music-delete-btn--no:hover{background:#fff;color:#fff}music-artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}music-artist-card{background:#fff;border-radius:16px;padding:24px;text-align:center;cursor:pointer;transition:all 02s ease}music-artist-card:hover{background:#fff;transform:translateY(-4px)}music-artist-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#ffb84d,#ff8c00);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:40px;font-weight:700;color:#000}music-artist-name{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}music-artist-stats{font-size:13px;color:#888}music-player-bar{position:fixed;bottom:0;left:0;right:0;height:80px;background:linear-gradient(180deg,#14141e,#0a0a0f);border-top:1px solid rgba(255,184,77,02);display:flex;align-items:center;justify-content:space-between;padding:0 24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000}music-player-track{display:flex;align-items:center;gap:12px;flex:1;min-width:200px}music-player-cover{width:56px;height:56px;border-radius:8px;overflow:hidden;background:#fff}music-player-cover img{width:100%;height:100%;object-fit:cover}music-player-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;background:linear-gradient(135deg,#2a2a3e,#1a1a2e)}music-player-info{overflow:hidden}music-player-title{font-weight:600;font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}music-player-artist{font-size:13px;color:#888}music-player-controls{display:flex;align-items:center;gap:16px}music-player-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;transition:all 02s ease}music-player-btn:hover{color:#ffb84d}music-player-btn--main{width:48px;height:48px;background:#ffb84d;color:#000;font-size:20px}music-player-btn--main:hover{background:#ff8c00;color:#000;transform:scale(11)}music-player-progress{flex:2;display:flex;align-items:center;gap:12px;max-width:500px}music-player-time{font-size:12px;color:#888;min-width:40px}music-player-progress-bar{flex:1;height:4px;background:#fff;border-radius:2px;cursor:pointer;overflow:hidden}music-player-progress-fill{height:100%;background:linear-gradient(90deg,#ffb84d,#ff8c00);border-radius:2px;transition:width 01s linear}music-player-volume{display:flex;align-items:center;gap:8px;flex:1;max-width:150px;justify-content:flex-end}music-player-volume span{font-size:18px}music-player-volume input[type=range]{width:100px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border-radius:2px}music-player-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#ffb84d;cursor:pointer}@media (max-width: 1024px){music-track-row{grid-template-columns:40px 48px 48px 1fr 80px 60px auto}music-track-album,music-track-genre{display:none}}@media (max-width: 768px){music-header-content{flex-direction:column;gap:16px;text-align:center}music-filters{padding:16px}music-filter-group{flex-direction:column;align-items:flex-start}music-genres{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}music-track-row{grid-template-columns:40px 1fr 60px auto}music-track-num,music-track-cover,music-track-plays{display:none}music-delete-confirm span{display:none}music-player-bar{height:auto;padding:12px 16px;flex-direction:column;gap:12px}music-player-track{width:100%}music-player-progress{width:100%;max-width:none}music-player-volume{display:none}}