:root,body.theme-dark{--bg-main: #0c0d12;--bg-surface: #13151d;--bg-card: #181b26;--bg-card-hover: #202434;--border-color: #212433;--border-strong: #2f3448;--text-primary: #f8f9fa;--text-secondary: #9499ad;--text-muted: #5e6378;--accent-yellow: #f5cf00;--accent-pink: #f43f5e;--accent-cyan: #38bdf8;--accent-green: #10b981;--accent-orange: #f97316;--onair-red: #ef4444;--gold: #f59e0b;--silver: #94a3b8;--bronze: #d97706;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}body.theme-light{--bg-main: #f8f9fc;--bg-surface: #ffffff;--bg-card: #f1f3f9;--bg-card-hover: #e8ecf4;--border-color: #e5e8f0;--border-strong: #d1d6e5;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--accent-yellow: #d97706;--accent-pink: #e11d48;--accent-cyan: #0284c7;--accent-green: #059669;--accent-orange: #ea580c;--onair-red: #dc2626;--gold: #d97706;--silver: #64748b;--bronze: #b45309}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;-webkit-font-smoothing:antialiased;padding-bottom:96px;transition:background-color .2s ease,color .2s ease}.container{max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem}.studio-hero{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem 1.75rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .2s ease}.studio-top-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.brand-combo{display:flex;align-items:center;gap:.75rem}.brand-badge{background:#f5cf001a;color:var(--accent-yellow);border:1px solid rgba(245,207,0,.25);font-weight:800;font-size:.8rem;letter-spacing:.08em;padding:.3rem .65rem;border-radius:6px;text-transform:uppercase}body.theme-light .brand-badge{background:#0f172a0f;color:var(--text-primary);border-color:var(--border-color)}.onair-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ef444414;border:1px solid rgba(239,68,68,.25);color:var(--onair-red);font-size:.72rem;font-weight:700;padding:.25rem .55rem;border-radius:6px;letter-spacing:.06em}.onair-dot{width:6px;height:6px;background-color:var(--onair-red);border-radius:50%;animation:pulse-onair 1.8s infinite}@keyframes pulse-onair{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.studio-controls{display:flex;align-items:center;gap:.75rem}.theme-toggle-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:.4rem .75rem;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .15s ease}.theme-toggle-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-strong)}.lang-switcher{display:inline-flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:2px;gap:2px}.lang-btn{background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:.78rem;font-weight:700;padding:.28rem .55rem;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:all .15s ease;line-height:1}.lang-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.lang-btn.active{background:var(--bg-surface);color:var(--accent-yellow);border-color:#f5cf0059;box-shadow:0 1px 3px #0003}body.theme-light .lang-btn.active{background:#fff;color:#d97706;border-color:#d9770666;box-shadow:0 1px 3px #00000014}.lang-flag{font-size:.85rem;line-height:1}.lang-code{letter-spacing:.04em}.studio-hero-content h1{font-size:1.55rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.25rem}.studio-hero-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.45;font-weight:400;max-width:750px}.station-stats-strip{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:center;border-top:1px solid var(--border-color);padding-top:.85rem;font-size:.82rem;color:var(--text-muted)}.stat-chip{display:inline-flex;gap:.35rem;align-items:center}.stat-chip strong{color:var(--text-primary);font-weight:700;font-family:var(--font-mono)}.zone-nav-bar{display:inline-flex;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:.25rem;gap:.25rem;margin-bottom:1.5rem}.zone-tab-btn{background:none;border:none;color:var(--text-secondary);font-size:.88rem;font-weight:600;padding:.45rem 1rem;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .15s ease}.zone-tab-btn:hover{color:var(--text-primary)}.zone-tab-btn.active{background:var(--bg-card);color:var(--text-primary);font-weight:700;box-shadow:0 1px 4px #00000026}body.theme-light .zone-tab-btn.active{background:#fff;box-shadow:0 1px 3px #00000014}.search-station-deck{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.85rem}.search-field-wrapper{position:relative;display:flex;align-items:center}.search-field-icon{position:absolute;left:.85rem;font-size:.95rem;color:var(--text-muted)}.search-field-input{width:100%;background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-primary);font-size:.95rem;font-weight:500;padding:.7rem 1rem .7rem 2.5rem;border-radius:6px;font-family:inherit;transition:border-color .15s ease}.search-field-input:focus{outline:none;border-color:var(--accent-yellow)}.clear-btn{position:absolute;right:.85rem;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem}.filter-pills-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}.filter-cluster{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.cluster-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:.2rem}.filter-pill{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-secondary);padding:.3rem .65rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.filter-pill:hover{color:var(--text-primary);border-color:var(--border-strong)}.filter-pill.active{background:var(--bg-card);border-color:var(--text-secondary);color:var(--text-primary);font-weight:700}.filter-select{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-primary);padding:.3rem .65rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer}.track-table-header{display:grid;grid-template-columns:36px 44px 1fr 75px 90px 204px;gap:.75rem;align-items:center;padding:.5rem .85rem;color:var(--text-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);margin-bottom:.4rem}.track-rows-container{display:flex;flex-direction:column;gap:.25rem}.track-row{display:grid;grid-template-columns:36px 44px 1fr 75px 90px 204px;gap:.75rem;align-items:center;background:var(--bg-surface);border:1px solid transparent;border-radius:6px;padding:.45rem .85rem;transition:background-color .15s ease,border-color .15s ease}.track-row:hover{background:var(--bg-card);border-color:var(--border-color)}.track-row.in-playlist{background:#10b98108}.track-col-num{text-align:center}.row-index{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);font-weight:600}.track-col-art{display:flex;align-items:center}.art-jacket{width:40px;height:40px;border-radius:6px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 1px 4px #0003;flex-shrink:0}.art-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:6px;z-index:1;pointer-events:none;opacity:1}.art-vinyl{position:absolute;right:-8px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,#222 30%,#111 60%,#000);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;opacity:.85;z-index:2}.vinyl-center{width:6px;height:6px;border-radius:50%;background:var(--accent-yellow)}.art-initials{position:absolute;left:5px;font-size:.7rem;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7);letter-spacing:-.04em;z-index:0}.track-col-info{display:flex;flex-direction:column;overflow:hidden;gap:.1rem}.track-name-row{display:flex;align-items:center;gap:.45rem;overflow:hidden}.track-title-text{font-weight:700;font-size:.92rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-year-pill{background:var(--bg-card);font-size:.68rem;font-family:var(--font-mono);color:var(--text-muted);padding:.05rem .35rem;border-radius:3px;font-weight:600;flex-shrink:0}.track-artist-text{font-size:.8rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-col-peak{text-align:center}.peak-pill{display:inline-block;font-size:.75rem;font-weight:700;font-family:var(--font-mono);padding:.15rem .4rem;border-radius:4px}.peak-1{background:#f59e0b1f;color:var(--gold)}.peak-2{background:#94a3b81f;color:var(--silver)}.peak-3{background:#d977061f;color:var(--bronze)}.peak-other{color:var(--text-muted);font-size:.75rem}.track-col-weeks{display:flex;flex-direction:column;gap:.2rem}.weeks-info{display:flex;align-items:baseline;gap:.2rem;font-size:.75rem}.weeks-val{font-weight:700;font-family:var(--font-mono);color:var(--text-secondary)}.weeks-unit{font-size:.68rem;color:var(--text-muted)}.longevity-bar-bg{width:100%;height:3px;background:var(--bg-card);border-radius:2px;overflow:hidden}.longevity-bar-fill{height:100%;background:var(--accent-cyan);opacity:.6;border-radius:2px}.track-col-actions{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;opacity:0;transition:opacity .15s ease}.track-row:hover .track-col-actions,.countdown-row:hover .track-col-actions{opacity:1}.track-col-actions:has(.in-playlist){opacity:1}.action-btn-icon{background:#ffffff0d;border:none;outline:none;color:var(--text-secondary);width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;aspect-ratio:1 / 1;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;cursor:pointer;text-decoration:none;flex-shrink:0;font-size:.88rem;line-height:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .15s ease}body.theme-light .action-btn-icon{background:#0000000a}.action-btn-icon svg{display:block;pointer-events:none}.action-btn-icon:hover{background:#ffffff1f;color:var(--text-primary);transform:scale(1.08)}body.theme-light .action-btn-icon:hover{background:#00000014;color:var(--text-primary)}.action-btn-icon:active{transform:scale(.95)}.action-btn-playlist.in-playlist{background:#10b98126;color:var(--accent-green);font-weight:800}.action-spotify:hover{color:#1db954;background:#1db95426!important}.action-youtube:hover{color:#ef4444;background:#ef444426!important}.action-btn-more{display:none;font-size:1.1rem;font-weight:800;line-height:1}.track-menu-popover{position:absolute;top:100%;right:0;margin-top:6px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:.35rem;display:flex;flex-direction:column;gap:.25rem;min-width:180px;box-shadow:0 10px 25px #00000080;z-index:100;animation:popover-fade .15s ease-out}@keyframes popover-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.track-menu-item{display:flex;align-items:center;gap:.55rem;padding:.45rem .65rem;font-size:.8rem;font-weight:600;color:var(--text-primary);background:transparent;border:none;border-radius:5px;cursor:pointer;text-decoration:none;text-align:left;transition:background .1s ease;white-space:nowrap}.track-menu-item:hover{background:var(--bg-card-hover)}.track-menu-item svg{flex-shrink:0}@media(hover:none){.track-col-actions{opacity:.75}}@media(max-width:860px){.track-table-header{display:none}.track-row{grid-template-columns:24px 38px 1fr auto;padding:.45rem .55rem;gap:.5rem;cursor:pointer}.track-col-weeks,.track-col-peak{display:none}.track-col-info{min-width:0;flex:1;overflow:hidden}.track-name-row{min-width:0;overflow:hidden}.track-title-text{min-width:0;flex:1;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist-text{min-width:0;font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-col-actions .action-btn-era,.track-col-actions .action-btn-history,.track-col-actions .action-spotify,.track-col-actions .action-youtube,.countdown-row .track-col-actions .action-btn-era,.countdown-row .track-col-actions .action-spotify,.countdown-row .track-col-actions .action-youtube{display:none!important}.action-btn-more{display:inline-flex!important}.track-col-actions{opacity:1!important;gap:4px}}.pagination-container{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.pagination-pages{display:flex;align-items:center;gap:.35rem}.pagination-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;font-family:var(--font-sans);font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:var(--bg-card);border-color:var(--border-strong)}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-nav{padding:.45rem .85rem;font-size:.82rem}.pagination-num{min-width:34px;height:34px;padding:0 .4rem;font-size:.82rem;font-family:var(--font-mono)}.pagination-num.active{background:var(--accent-yellow);color:#0c0d12;border-color:var(--accent-yellow);font-weight:800}.pagination-ellipsis{color:var(--text-muted);padding:0 .25rem;font-size:.9rem;-webkit-user-select:none;user-select:none}@media(max-width:600px){.container{padding:.5rem .6rem 64px}.studio-hero{padding:.65rem .75rem;margin-bottom:.45rem;gap:.4rem;border-radius:8px}.studio-top-bar{gap:.35rem;align-items:center}.brand-badge{font-size:.72rem;padding:.2rem .45rem;letter-spacing:.05em}.onair-badge{font-size:.62rem;padding:.18rem .38rem;letter-spacing:.03em}.studio-controls{gap:.35rem}.theme-toggle-btn{padding:.25rem .45rem;font-size:.8rem}.theme-toggle-text{display:none}.lang-btn{font-size:.7rem;padding:.2rem .35rem;gap:.2rem}.lang-flag{font-size:.72rem}.studio-hero-content h1{font-size:1.05rem;margin:0;line-height:1.25}.studio-hero-content p,.station-stats-strip{display:none}.zone-nav-bar{width:100%;margin-bottom:.45rem;padding:.15rem;display:flex}.zone-tab-btn{flex:1;justify-content:center;font-size:.78rem;padding:.38rem .4rem;gap:.25rem}.search-station-deck{padding:.55rem .65rem;margin-bottom:.45rem;gap:.4rem;border-radius:8px}.search-field-input{padding:.48rem .75rem .48rem 2.1rem;font-size:.85rem;border-radius:6px}.search-field-icon{left:.65rem;font-size:.85rem}.filter-pills-bar{display:flex;flex-direction:column;gap:.35rem}.filter-cluster{display:flex;align-items:center;flex-wrap:nowrap;overflow-x:auto;width:100%;gap:.3rem;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-cluster::-webkit-scrollbar{display:none}.cluster-label{font-size:.68rem;margin-right:.15rem;flex-shrink:0}.filter-pill,.filter-select{font-size:.74rem;padding:.2rem .45rem;white-space:nowrap;flex-shrink:0}.pagination-container{gap:.3rem}.pagination-nav{padding:.4rem .6rem;font-size:.78rem}.pagination-num{min-width:30px;height:30px;font-size:.76rem}}.countdown-deck{display:flex;flex-direction:column;gap:1.25rem}.time-machine-controls{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;gap:.85rem}.top15-header-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:1.2rem 1.4rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.top15-title-group h2{font-size:1.3rem;font-weight:800;letter-spacing:-.01em}.top15-title-group .sub{font-size:.78rem;color:var(--accent-yellow);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.top15-countdown-list{display:flex;flex-direction:column;gap:.35rem}.countdown-row{display:grid;grid-template-columns:50px 44px 1fr 105px 204px;gap:.85rem;align-items:center;background:var(--bg-surface);border:1px solid transparent;border-radius:6px;padding:.55rem 1rem;transition:all .15s ease}.countdown-row:hover{background:var(--bg-card);border-color:var(--border-color)}.countdown-row.rank-first{background:#f59e0b0a;border-color:#f59e0b40}.countdown-rank-box{display:flex;flex-direction:column;align-items:center;justify-content:center}.countdown-rank-num{font-family:var(--font-mono);font-size:1.35rem;font-weight:800;line-height:1;color:var(--text-primary)}.rank-first .countdown-rank-num{color:var(--gold)}.rank-movement-tag{font-size:.68rem;font-weight:700;margin-top:.2rem}.move-up{color:var(--accent-green)}.move-down{color:var(--accent-pink)}.move-new{background:#38bdf826;color:var(--accent-cyan);padding:.05rem .3rem;border-radius:3px;font-size:.62rem}.move-same{color:var(--text-muted)}.countdown-longevity{display:flex;flex-direction:column;gap:.15rem;font-size:.75rem;color:var(--text-muted)}.countdown-longevity strong{color:var(--text-secondary);font-family:var(--font-mono)}@media(max-width:768px){.countdown-row{grid-template-columns:44px 40px 1fr auto;padding:.5rem .75rem}.countdown-longevity{display:none}}.broadcast-deck{position:fixed;bottom:0;left:0;right:0;height:64px;background:#0c0d12eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-color);z-index:999;display:flex;align-items:center}body.theme-light .broadcast-deck{background:#ffffffeb;border-top:1px solid var(--border-color);box-shadow:0 -4px 16px #0000000d}.deck-container{max-width:1200px;width:100%;margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.deck-station{display:flex;align-items:center;gap:.75rem}.deck-logo-badge{background:var(--bg-card);border:1px solid var(--border-color);padding:.25rem .5rem;border-radius:4px;display:flex;flex-direction:column;line-height:1}.pwr-bold{font-size:.85rem;font-weight:800;color:var(--accent-yellow);letter-spacing:.04em}.pwr-sub{font-size:.5rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em}.deck-onair-tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:700;color:var(--onair-red);letter-spacing:.06em}.deck-center{flex:1;overflow:hidden;text-align:center}.deck-track-info{display:flex;align-items:center;justify-content:center;gap:.45rem;overflow:hidden}.deck-track-label{font-size:.68rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em}.deck-track-title{font-size:.88rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-track-peak{background:#f59e0b26;color:var(--gold);font-size:.68rem;font-weight:800;padding:.1rem .35rem;border-radius:3px;flex-shrink:0}.deck-status-message{display:flex;flex-direction:column;align-items:center;gap:.1rem}.deck-station-title{font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--text-primary)}.deck-station-sub{font-size:.7rem;color:var(--text-muted)}.deck-actions{display:flex;align-items:center;gap:.6rem}.deck-equalizer{display:flex;align-items:flex-end;gap:2px;height:16px;padding:0 4px}.eq-b{width:2px;background:var(--text-muted);border-radius:1px}.b1{animation:eq .8s infinite ease-in-out;height:5px}.b2{animation:eq .6s infinite ease-in-out .2s;height:12px}.b3{animation:eq .9s infinite ease-in-out .4s;height:8px}.b4{animation:eq .7s infinite ease-in-out .1s;height:14px}@keyframes eq{0%,to{height:3px}50%{height:15px}}.deck-playlist-pill{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);font-weight:700;font-size:.82rem;padding:.35rem .8rem;border-radius:20px;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .15s ease}.deck-playlist-pill:hover{border-color:var(--accent-yellow);color:var(--accent-yellow)}.playlist-badge{background:var(--border-color);color:var(--text-primary);font-size:.7rem;font-family:var(--font-mono);padding:.05rem .4rem;border-radius:10px}.deck-left-group{display:flex;align-items:center;gap:.85rem;flex-shrink:0}.deck-onair-tag.live{color:#22c55e}.deck-onair-tag.live .onair-dot{background:#22c55e;box-shadow:0 0 8px #22c55e}.deck-transport{display:flex;align-items:center;gap:.35rem}.deck-ctrl-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.95rem;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.deck-ctrl-btn:hover:not(:disabled){color:var(--text-primary);transform:scale(1.1)}.deck-ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.deck-play-btn{background:var(--accent-yellow);color:#000;border:none;font-size:.9rem;font-weight:800;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #f59e0b40}.deck-play-btn:hover:not(:disabled){transform:scale(1.06);background:#fbbf24}.deck-play-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.deck-play-btn.mini{width:auto;height:auto;border-radius:20px;padding:.35rem .85rem;font-size:.82rem}.deck-playback-info{display:flex;flex-direction:column;align-items:center;gap:.2rem;width:100%}.deck-progress-row{display:flex;align-items:center;gap:.45rem;width:100%;max-width:440px}.deck-time{font-size:.68rem;color:var(--text-muted);font-family:var(--font-mono);min-width:26px}.deck-scrubber-track{flex:1;height:4px;background:var(--border-color);border-radius:2px;cursor:pointer;position:relative;transition:height .15s ease}.deck-scrubber-track:hover{height:6px}.deck-scrubber-fill{height:100%;background:var(--accent-yellow);border-radius:2px}.deck-track-error{font-size:.7rem;color:var(--onair-red);margin-left:.4rem}.deck-video-toggle-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.85rem;padding:.3rem .5rem;border-radius:6px;cursor:pointer;transition:all .15s ease}.deck-video-toggle-btn.active,.deck-video-toggle-btn:hover{border-color:var(--accent-yellow);color:var(--accent-yellow)}.deck-volume-group{display:flex;align-items:center;gap:.25rem}.deck-vol-btn{background:transparent;border:none;font-size:.82rem;cursor:pointer;padding:.2rem;color:var(--text-muted)}.deck-vol-slider{width:50px;height:4px;accent-color:var(--accent-yellow);cursor:pointer}.deck-video-window{position:fixed;bottom:72px;right:20px;width:320px;background:#0f1117;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 30px #0009;z-index:1000;overflow:hidden;transition:transform .2s ease,opacity .2s ease}.deck-video-window.hidden{opacity:0;pointer-events:none;transform:translateY(20px) scale(.95);bottom:-9999px}.deck-video-window.visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.deck-video-header{display:flex;align-items:center;justify-content:space-between;padding:.35rem .6rem;background:#181b24;border-bottom:1px solid var(--border-color)}.deck-video-title{font-size:.72rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-video-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:.1rem .3rem}.deck-video-frame{width:100%;height:180px;background:#000}.action-btn-play{color:var(--accent-yellow)!important;font-size:.78rem!important}.action-btn-play.playing{background:#f59e0b33!important;border-color:var(--accent-yellow)!important}.track-row.is-playing,.countdown-row.is-playing{background:#f59e0b14!important;border-left:3px solid var(--accent-yellow)!important}.playlist-item.active-item{background:#f59e0b1f;border-radius:6px;padding:.3rem .4rem}.playlist-play-btn{background:transparent;border:1px solid var(--border-color);color:var(--accent-yellow);font-size:.75rem;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:.5rem;flex-shrink:0}.playlist-play-btn.playing{background:var(--accent-yellow);color:#000;font-weight:800}@media(max-width:768px){.deck-volume-group{display:none}.deck-video-window{right:10px;left:10px;width:auto}}@media(max-width:600px){.broadcast-deck{height:54px;padding:0}.deck-container{padding:0 .6rem;gap:.4rem}.deck-station,.deck-equalizer,.deck-status-message{display:none!important}.deck-left-group{gap:.3rem}.deck-ctrl-btn{font-size:.82rem;padding:.15rem}.deck-play-btn{width:28px;height:28px;font-size:.78rem}.deck-playback-info{gap:.1rem;max-width:150px}.deck-track-info{gap:.25rem}.deck-track-label,.deck-track-peak,.deck-track-info .track-year-pill{display:none!important}.deck-track-title{font-size:.75rem;max-width:135px}.deck-progress-row{max-width:100%;gap:.25rem}.deck-time{font-size:.58rem;min-width:20px}.deck-video-toggle-btn{padding:.25rem .35rem;font-size:.72rem}.deck-playlist-pill{padding:.25rem .5rem;font-size:.72rem;gap:.25rem}.deck-playlist-pill .playlist-text{display:none!important}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;max-width:650px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000080}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:1.25rem 1.5rem;overflow-y:auto}.modal-close-btn{background:none;border:none;color:var(--text-muted);font-size:1.3rem;cursor:pointer}.modal-close-btn:hover{color:var(--text-primary)}.history-table{width:100%;border-collapse:collapse;font-size:.85rem}.history-table th,.history-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border-color)}.history-table th{color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:.72rem}.history-rank{font-weight:700;color:var(--gold);font-family:var(--font-mono)}.history-link{color:var(--accent-cyan);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}.history-link:hover{text-decoration:underline}.drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:90vw;background:var(--bg-surface);border-left:1px solid var(--border-color);z-index:1001;display:flex;flex-direction:column;box-shadow:-10px 0 30px #00000080}.drawer-header{padding:1.1rem 1.25rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-surface)}.drawer-title-group{display:flex;align-items:center;gap:.5rem}.drawer-header-icon{font-size:1.15rem}.drawer-title{font-size:1.05rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.drawer-count-badge{background:var(--bg-card);color:var(--accent-yellow);font-size:.75rem;font-weight:700;font-family:var(--font-mono);padding:.15rem .5rem;border-radius:12px;border:1px solid var(--border-color)}.drawer-clear-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:5px;cursor:pointer;transition:all .15s ease}.drawer-clear-btn:hover{color:var(--accent-pink);border-color:var(--accent-pink);background:#f43f5e14}.drawer-hero-player{background:linear-gradient(180deg,var(--bg-card) 0%,rgba(20,20,26,.95) 100%);border-bottom:1px solid var(--border-color);padding:1.25rem 1.25rem 1.1rem;display:flex;flex-direction:column;gap:.95rem;box-shadow:0 4px 20px #00000059}.drawer-hero-layout{display:flex;gap:1rem;align-items:center}.drawer-hero-art{width:84px;height:84px;min-width:84px;min-height:84px;border-radius:8px;overflow:hidden;box-shadow:0 8px 16px #00000073;background:var(--bg-surface);position:relative}.drawer-hero-art img{width:100%;height:100%;object-fit:cover}.drawer-hero-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.drawer-hero-status-row{display:flex;align-items:center;gap:.45rem;margin-bottom:.2rem;flex-wrap:wrap}.drawer-hero-title{margin:0;font-size:1.15rem;font-weight:800;color:var(--text-primary);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.drawer-hero-artist{font-size:.88rem;font-weight:600;color:var(--accent-yellow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-hero-scrubber{display:flex;align-items:center;gap:.6rem;width:100%}.drawer-hero-controls{display:flex;align-items:center;justify-content:center;gap:.9rem;padding:.2rem 0}.drawer-hero-ctrl-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .15s ease}.drawer-hero-ctrl-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-glow);transform:scale(1.08);color:var(--accent-yellow)}.drawer-hero-ctrl-btn:disabled{opacity:.35;cursor:not-allowed}.drawer-stop-btn{font-size:.95rem}.drawer-stop-btn:hover:not(:disabled){color:var(--accent-pink)!important;border-color:var(--accent-pink)!important}.drawer-hero-play-btn{background:var(--accent-yellow);color:#000;border:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.35rem;cursor:pointer;box-shadow:0 4px 14px #eab30866;transition:all .15s cubic-bezier(.175,.885,.32,1.275)}.drawer-hero-play-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #eab3088c}.drawer-hero-play-btn:active{transform:scale(.95)}.drawer-queue-subheader{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.25rem;background:var(--bg-surface);border-bottom:1px solid var(--border-color);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.drawer-queue-count{font-family:var(--font-mono);font-size:.75rem;background:var(--bg-card);padding:.1rem .45rem;border-radius:10px;border:1px solid var(--border-color);color:var(--text-secondary)}@media(max-width:480px){.drawer{width:100vw;max-width:100vw}.drawer-hero-art{width:72px;height:72px;min-width:72px;min-height:72px}.drawer-hero-title{font-size:1.05rem}}.drawer-body{flex:1;overflow-y:auto;padding:.75rem}.drawer-empty-state{text-align:center;padding:4rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.drawer-tracks-list{display:flex;flex-direction:column;gap:.35rem}.drawer-track-row{display:grid;grid-template-columns:24px 40px 1fr auto;gap:.65rem;align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;padding:.4rem .65rem;transition:background-color .15s ease,border-color .15s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.drawer-track-row:hover{background:var(--bg-card);border-color:var(--border-strong)}.drawer-track-row.is-playing{background:#f59e0b14!important;border-left:3px solid var(--accent-yellow)!important}.drawer-track-row .track-col-actions{opacity:1;display:flex;align-items:center;gap:.35rem}.drawer-track-row .row-index{font-size:.72rem}.action-btn-remove{color:var(--text-muted);font-size:.75rem}.action-btn-remove:hover{color:var(--accent-pink)!important;background:#f43f5e1f!important}.drawer-live-eq{display:flex;align-items:flex-end;gap:2px;height:12px;padding-right:.2rem}.drawer-live-eq .eq-bar{width:2.5px;background:var(--accent-yellow);border-radius:1px;animation:eq-bounce .8s ease-in-out infinite alternate}.drawer-live-eq .eq-bar.b1{height:60%;animation-delay:.1s}.drawer-live-eq .eq-bar.b2{height:100%;animation-delay:.3s}.drawer-live-eq .eq-bar.b3{height:40%;animation-delay:.2s}.drawer-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-color);background:var(--bg-surface);display:flex;flex-direction:column;gap:.6rem}.drawer-playall-btn{background:var(--accent-yellow);color:#0c0d12;font-weight:800;border:none;padding:.7rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;transition:all .15s ease;box-shadow:0 2px 8px #f59e0b33}.drawer-playall-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.drawer-playall-btn:active{transform:translateY(0)}.drawer-youtube-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);font-weight:600;padding:.65rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.55rem;font-size:.85rem;transition:all .15s ease}.drawer-youtube-btn svg{color:red;flex-shrink:0}.drawer-youtube-btn:hover:not(:disabled){border-color:red;background:#ff00000d;transform:translateY(-1px)}.drawer-youtube-btn:disabled{opacity:.6;cursor:not-allowed}