:root {
  --bg:#05050a; --bg2:#08080f; --bg3:#0d0d18;
  --surface:#0f0f1e; --surface2:#141428; --border:#1a1a35;
  --c1:#ff2d78; --c2:#00e5ff; --c3:#aaff00; --c4:#ff6b00; --c5:#bf5fff;
  --text:#e8e8f0; --text2:#8888aa; --text3:#4a4a6a;
}

/* ── DAYLIGHT THEME ──────────────────────────────────────────────── */
[data-theme="daylight"] {
  --bg:#eef0f6; --bg2:#e5e8f2; --bg3:#d8dceb;
  --surface:#ffffff; --surface2:#f3f5fb; --border:#c4c8de;
  --c1:#b8174a; --c2:#006fa3; --c3:#3d7200; --c4:#b84800; --c5:#6822a8;
  --text:#1a1a2e; --text2:#44446a; --text3:#7878a0;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:9999}
body::after{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 60% 40% at 20% 0%,rgba(255,45,120,.07) 0%,transparent 60%),radial-gradient(ellipse 50% 30% at 80% 100%,rgba(0,229,255,.06) 0%,transparent 60%);pointer-events:none;z-index:0}
#app{position:relative;z-index:1}

/* NAV */
nav{position:sticky;top:0;z-index:100;background:rgba(5,5,10,.93);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0 1.25rem;display:flex;align-items:center;gap:.4rem;height:56px;flex-wrap:nowrap}
.logo{font-family:'Orbitron',monospace;font-weight:900;font-size:1rem;letter-spacing:.15em;background:linear-gradient(90deg,var(--c1),var(--c2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;text-decoration:none;flex-shrink:0;margin-right:.4rem}
.nav-link{font-family:'Space Mono',monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text2);padding:.3rem .55rem;border-radius:4px;cursor:pointer;transition:all .2s;border:1px solid transparent;white-space:nowrap;flex-shrink:0}
.nav-link:hover,.nav-link.active{color:var(--text);border-color:var(--border);background:var(--surface)}
.nav-link.active{color:var(--c2);border-color:rgba(0,229,255,.3)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:.6rem;flex-shrink:0}
.nav-search{position:relative}
.nav-search input{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:'Space Mono',monospace;font-size:.7rem;padding:.4rem .7rem .4rem 1.8rem;width:180px;outline:none;transition:all .2s}
.nav-search input:focus{border-color:rgba(0,229,255,.4);box-shadow:0 0 0 2px rgba(0,229,255,.1);width:230px}
.nav-search::before{content:'⌕';position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:var(--text3);font-size:.95rem;pointer-events:none}

/* PLAYER MODE TOGGLE */
.mode-toggle{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:5px;overflow:hidden;flex-shrink:0}
.mode-btn{font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.06em;padding:.28rem .55rem;cursor:pointer;background:var(--surface);color:var(--text3);border:none;transition:all .15s;white-space:nowrap}
.mode-btn.active{background:rgba(0,229,255,.15);color:var(--c2)}
.mode-btn:hover:not(.active){background:var(--surface2);color:var(--text2)}

/* PAGES */
.page{display:none;padding:2rem;max-width:1400px;margin:0 auto}
.page.active{display:block;animation:fadeIn .3s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* HEADERS */
.section-label{font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text3);margin-bottom:.35rem}
.section-title{font-family:'Orbitron',monospace;font-weight:700;font-size:1.5rem;letter-spacing:.04em;margin-bottom:1.5rem}

/* STAT CARDS */
.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:2rem}
.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.1rem 1.25rem;position:relative;overflow:hidden;cursor:pointer;transition:border-color .2s}
.stat-card:hover{border-color:rgba(255,255,255,.1)}
.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px}
.stat-card:nth-child(1)::before{background:linear-gradient(90deg,var(--c1),transparent)}
.stat-card:nth-child(2)::before{background:linear-gradient(90deg,var(--c2),transparent)}
.stat-card:nth-child(3)::before{background:linear-gradient(90deg,var(--c3),transparent)}
.stat-card:nth-child(4)::before{background:linear-gradient(90deg,var(--c4),transparent)}
.stat-card:nth-child(5)::before{background:linear-gradient(90deg,var(--c5),transparent)}
.stat-num{font-family:'Orbitron',monospace;font-size:1.7rem;font-weight:900;line-height:1;margin-bottom:.25rem}
.stat-card:nth-child(1) .stat-num{color:var(--c1)}
.stat-card:nth-child(2) .stat-num{color:var(--c2)}
.stat-card:nth-child(3) .stat-num{color:var(--c3)}
.stat-card:nth-child(4) .stat-num{color:var(--c4)}
.stat-card:nth-child(5) .stat-num{color:var(--c5)}
.stat-label{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text2)}

/* PANEL */
.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:1.25rem}
.panel-header{padding:.85rem 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.panel-title{font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text2)}
.panel-action{font-family:'Space Mono',monospace;font-size:.62rem;color:var(--c2);cursor:pointer;background:none;border:none;padding:0;letter-spacing:.06em}
.panel-action:hover{text-decoration:underline}

/* VIDEO ITEMS */
.vid-group-label{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text3);padding:.6rem 0 .3rem;border-top:1px solid var(--border);margin-top:.5rem}
.vid-group-label:first-child{border-top:none;margin-top:0}
.video-admin-row{display:flex;align-items:center;border-bottom:1px solid var(--border)}
.video-admin-row:last-child{border-bottom:none}
.video-admin-row .video-item{flex:1;border-bottom:none}
.video-admin-ctrl{flex-shrink:0;display:flex;align-items:center;gap:.35rem;padding:.4rem .6rem}
.admin-ct-select{font-family:'Space Mono',monospace;font-size:.57rem;background:var(--bg3);color:var(--text1);border:1px solid var(--border);border-radius:4px;padding:.2rem .35rem;cursor:pointer}
.video-list{list-style:none}
.video-item{display:flex;align-items:flex-start;gap:.7rem;padding:.65rem 1.1rem;border-bottom:1px solid var(--border);transition:background .15s;text-decoration:none;color:inherit;cursor:pointer}
.video-item:last-child{border-bottom:none}
.video-item:hover{background:var(--surface2)}
.video-thumb{width:76px;height:43px;border-radius:4px;background:var(--bg3);flex-shrink:0;overflow:hidden}
.video-thumb img{width:100%;height:100%;object-fit:cover}
.video-thumb-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;opacity:.25}
.video-info{flex:1;min-width:0}
.video-title{font-size:.8rem;font-weight:500;line-height:1.3;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.video-meta{font-family:'Space Mono',monospace;font-size:.58rem;color:var(--text2);display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}

/* BADGES */
.cat-badge{padding:.08rem .35rem;border-radius:3px;font-size:.55rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700}
.cat-music{background:rgba(255,45,120,.15);color:var(--c1);border:1px solid rgba(255,45,120,.3)}
.cat-tech{background:rgba(0,229,255,.1);color:var(--c2);border:1px solid rgba(0,229,255,.25)}
.cat-tv{background:rgba(255,107,0,.12);color:var(--c4);border:1px solid rgba(255,107,0,.3)}
.cat-food{background:rgba(170,255,0,.1);color:var(--c3);border:1px solid rgba(170,255,0,.25)}
.cat-comedy{background:rgba(191,95,255,.12);color:var(--c5);border:1px solid rgba(191,95,255,.3)}
.cat-gaming{background:rgba(0,229,255,.08);color:#66ffcc;border:1px solid rgba(0,229,255,.2)}
.cat-news{background:rgba(255,107,0,.08);color:#ffaa55;border:1px solid rgba(255,107,0,.2)}
.cat-other,.cat-unsure{background:rgba(136,136,170,.1);color:var(--text2);border:1px solid var(--border)}
/* Media type badge */
.mt-badge{padding:.07rem .32rem;border-radius:3px;font-size:.52rem;letter-spacing:.05em;font-weight:600;background:rgba(170,255,0,.1);color:var(--c3);border:1px solid rgba(170,255,0,.2)}
/* MusicBrainz data chips */
.mb-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}
.mb-chip{font-family:'Space Mono',monospace;font-size:.57rem;padding:.15rem .45rem;border-radius:12px;background:rgba(0,229,255,.08);color:var(--c2);border:1px solid rgba(0,229,255,.2)}
.mb-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--c2);margin-right:.3rem;opacity:.7;vertical-align:middle}

/* ARTIST / SONG / CHANNEL GRID */
.artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.65rem;margin-bottom:1.25rem}
.artist-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}
.artist-card:hover{border-color:rgba(255,45,120,.45);transform:translateY(-2px)}
.artist-name{font-weight:600;font-size:.82rem;margin-bottom:.3rem;line-height:1.3}
.artist-count{font-family:'Space Mono',monospace;font-size:.6rem;color:var(--c1)}
.artist-since{font-family:'Space Mono',monospace;font-size:.57rem;color:var(--text3);margin-top:.15rem}
.artist-mb-line{font-family:'Space Mono',monospace;font-size:.55rem;color:var(--c2);margin-top:.2rem;opacity:.8}

.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.65rem;margin-bottom:1.25rem}
.song-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}
.song-card:hover{border-color:rgba(170,255,0,.4);transform:translateY(-2px)}
.song-title{font-weight:600;font-size:.84rem;margin-bottom:.25rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.song-artist{font-size:.75rem;color:var(--text2);margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.song-meta{font-family:'Space Mono',monospace;font-size:.58rem;color:var(--c3);display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.2rem}
.song-isrc{font-family:'Space Mono',monospace;font-size:.52rem;color:var(--text3);margin-top:.25rem;letter-spacing:.03em}

/* FEATURED ARTIST BADGE */
.featured-badge{display:inline-block;background:linear-gradient(90deg,var(--c1),var(--c5));color:white;font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:.1em;padding:.15rem .5rem;border-radius:3px;text-transform:uppercase;margin-bottom:.4rem}

/* ARTIST HERO */
.artist-hero{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.75rem;margin-bottom:1.25rem;position:relative;overflow:hidden}
.artist-hero::before{content:'';position:absolute;top:-40%;right:-5%;width:280px;height:280px;background:radial-gradient(ellipse,rgba(255,45,120,.08) 0%,transparent 70%);pointer-events:none}
.artist-hero-inner{display:flex;align-items:flex-start;gap:1.5rem}
.artist-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--c1),var(--c5));display:flex;align-items:center;justify-content:center;font-family:'Orbitron',monospace;font-size:1.5rem;font-weight:900;flex-shrink:0;color:white}
.artist-hero-name{font-family:'Orbitron',monospace;font-weight:700;font-size:1.6rem;margin-bottom:.5rem}
.artist-hero-stats{font-family:'Space Mono',monospace;font-size:.65rem;color:var(--text2);display:flex;gap:1.25rem;flex-wrap:wrap}
.artist-hero-stats .hl{color:var(--c1)}
.artist-notes{margin-top:.85rem;padding:.75rem 1rem;background:rgba(255,45,120,.05);border:1px solid rgba(255,45,120,.15);border-radius:6px;font-size:.78rem;color:var(--text2);line-height:1.5;font-style:italic}

/* FEATURED PAGE */
.featured-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.5rem;margin-bottom:1.25rem}
.featured-section-title{font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}
.placeholder-block{background:var(--bg3);border:1px dashed var(--border);border-radius:6px;padding:1.25rem;text-align:center;color:var(--text3);font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:.08em}

/* CATEGORY TABS */
.cat-tabs{display:flex;gap:.4rem;margin-bottom:1.25rem;flex-wrap:wrap}
.cat-tab{font-family:'Space Mono',monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .8rem;border-radius:20px;cursor:pointer;border:1px solid var(--border);color:var(--text2);background:var(--surface);transition:all .15s;white-space:nowrap}
.cat-tab:hover{color:var(--text);border-color:rgba(255,45,120,.35)}
.cat-tab.active{border-color:rgba(255,45,120,.4);background:rgba(255,45,120,.1);color:var(--c1)}

/* CHANNEL GRID */
.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.65rem;margin-bottom:1.25rem}
.channel-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem;cursor:pointer;transition:all .2s}
.channel-card:hover{border-color:rgba(0,229,255,.4);transform:translateY(-2px)}
.channel-name{font-weight:500;font-size:.8rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.channel-plays{font-family:'Space Mono',monospace;font-size:.6rem;color:var(--c2)}

/* MYSTERY SECTION */
.mystery-header{background:linear-gradient(135deg,rgba(191,95,255,.1),rgba(255,45,120,.08));border:1px solid rgba(191,95,255,.25);border-radius:10px 10px 0 0;padding:1.1rem 1.4rem;display:flex;align-items:center;gap:1rem}
.mystery-skull{font-size:1.8rem}
.mystery-title{font-family:'Orbitron',monospace;font-weight:700;font-size:1rem;color:var(--c5)}
.mystery-sub{font-family:'Space Mono',monospace;font-size:.62rem;color:var(--text3);margin-top:.2rem}

/* BACK BTN */
.back-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.1em;color:var(--text2);cursor:pointer;padding:.35rem 0;margin-bottom:1.25rem;background:none;border:none;text-transform:uppercase;transition:color .15s}
.back-btn:hover{color:var(--c2)}

/* FILTERS ROW */
.filters{display:flex;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap;align-items:center}
.filter-input{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:'Space Mono',monospace;font-size:.7rem;padding:.38rem .7rem;outline:none;width:190px;transition:border-color .2s}
.filter-input:focus{border-color:rgba(0,229,255,.4)}
.sort-select{background:var(--surface);border:1px solid var(--border);color:var(--text2);font-family:'Space Mono',monospace;font-size:.63rem;padding:.35rem .55rem;border-radius:5px;cursor:pointer;outline:none}

/* PAGINATION */
.pagination{display:flex;gap:.35rem;align-items:center;justify-content:center;padding:1.25rem 0;flex-wrap:wrap}
.page-btn{background:var(--surface);border:1px solid var(--border);color:var(--text2);font-family:'Space Mono',monospace;font-size:.65rem;padding:.38rem .65rem;border-radius:5px;cursor:pointer;transition:all .15s}
.page-btn:hover{background:var(--surface2);color:var(--text)}
.page-btn.active{background:rgba(255,45,120,.15);border-color:rgba(255,45,120,.4);color:var(--c1)}
.page-btn:disabled{opacity:.3;cursor:default}
.page-info{font-family:'Space Mono',monospace;font-size:.58rem;color:var(--text3);margin-left:.4rem}

/* TWO COL */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.25rem}

/* AFFILIATES */
.affiliates{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}
.affiliate-chip{background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:.25rem .7rem;font-family:'Space Mono',monospace;font-size:.6rem;color:var(--text2);cursor:pointer;transition:all .15s}
.affiliate-chip:hover{border-color:rgba(255,45,120,.4);color:var(--c1)}

/* LOADING / EMPTY */
.loading{text-align:center;padding:4rem;font-family:'Space Mono',monospace;font-size:.8rem;color:var(--text2)}
.loading-dot{display:inline-block;animation:blink 1s infinite}
.loading-dot:nth-child(2){animation-delay:.2s}
.loading-dot:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,80%,100%{opacity:0}40%{opacity:1}}
.empty{text-align:center;padding:3rem;color:var(--text3);font-family:'Space Mono',monospace;font-size:.72rem}

/* SCROLLBAR */
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}

/* SEE ALSO */
.see-also{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.25rem}
.see-also-title{font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text3);margin-bottom:.6rem}
.see-also-links{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}
.see-also-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:.25rem .7rem;font-size:.78rem;cursor:pointer;transition:all .15s}
.see-also-chip:hover{border-color:rgba(0,229,255,.4);color:var(--c2)}
.see-also-chip .rm{background:none;border:none;color:var(--text3);cursor:pointer;font-size:.8rem;padding:0;line-height:1;margin-left:.1rem}
.see-also-chip .rm:hover{color:var(--c1)}
.see-also-add{display:flex;gap:.45rem;align-items:center;margin-top:.5rem;position:relative}
.see-also-input{background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:'Space Mono',monospace;font-size:.7rem;padding:.38rem .65rem;flex:1;outline:none;transition:border-color .2s}
.see-also-input:focus{border-color:rgba(0,229,255,.4)}
.see-also-btn{background:rgba(170,255,0,.1);border:1px solid rgba(170,255,0,.25);border-radius:6px;color:var(--c3);font-family:'Space Mono',monospace;font-size:.65rem;padding:.38rem .75rem;cursor:pointer;white-space:nowrap;transition:all .15s}
.see-also-btn:hover:not(:disabled){background:rgba(170,255,0,.2)}
.see-also-btn:disabled{opacity:.35;cursor:default}
.see-also-mutual{display:flex;align-items:center;gap:.35rem;font-family:'Space Mono',monospace;font-size:.6rem;color:var(--text3);cursor:pointer}
.see-also-drop{position:absolute;top:100%;left:0;right:0;background:var(--surface2);border:1px solid rgba(0,229,255,.25);border-radius:6px;z-index:50;margin-top:.2rem;max-height:200px;overflow-y:auto;display:none}
.see-also-drop.open{display:block}
.see-also-opt{padding:.45rem .75rem;font-size:.78rem;cursor:pointer;transition:background .1s;display:flex;justify-content:space-between;align-items:center}
.see-also-opt:hover{background:rgba(0,229,255,.08)}
.see-also-opt small{font-family:'Space Mono',monospace;font-size:.58rem;color:var(--text3)}

/* SONG DETAIL */
.song-detail-hero{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.75rem;margin-bottom:1.25rem}
.song-detail-title{font-family:'Orbitron',monospace;font-weight:700;font-size:1.5rem;margin-bottom:.4rem}
.song-detail-row{display:flex;gap:2rem;flex-wrap:wrap;margin-bottom:.5rem}
.song-detail-field{font-family:'Space Mono',monospace;font-size:.65rem;color:var(--text3)}
.song-detail-field span{color:var(--text);margin-left:.3rem}

/* ALPHABET FILTER BAR */
.alpha-bar{display:flex;flex-wrap:wrap;gap:.2rem;margin-bottom:.75rem}
.alpha-btn{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.04em;padding:.28rem .45rem;border-radius:4px;cursor:pointer;border:1px solid var(--border);color:var(--text3);background:var(--surface);transition:all .12s;min-width:26px;text-align:center;line-height:1.4}
.alpha-btn:hover{color:var(--text);border-color:rgba(255,45,120,.35);background:var(--surface2)}
.alpha-btn.active{color:var(--c1);border-color:rgba(255,45,120,.5);background:rgba(255,45,120,.1)}

/* VERTICAL LIST (replaces artist/song/channel grids) */
.item-list{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:1.25rem}
.list-row{display:flex;align-items:center;gap:1rem;padding:.58rem 1.1rem;border-bottom:1px solid rgba(26,26,53,.6);cursor:pointer;transition:background .12s}
.list-row:last-child{border-bottom:none}
.list-row:hover{background:var(--surface2)}
.list-row-name{flex:0 1 40%;font-size:.82rem;font-weight:500;min-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-row-artist{font-family:'DM Sans',sans-serif;font-size:.78rem;color:var(--text2);flex:0 1 25%;min-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-row-sub{font-family:'Space Mono',monospace;font-size:.57rem;color:var(--c2);white-space:nowrap;flex-shrink:0}
.list-row-meta{font-family:'Space Mono',monospace;font-size:.6rem;color:var(--text2);white-space:nowrap;display:flex;gap:.5rem;align-items:center;flex-shrink:0}

/* ADMIN CATEGORIZATION PANEL */
.admin-panel{background:rgba(255,107,0,.04);border:1px solid rgba(255,107,0,.2);border-radius:10px;overflow:hidden;margin-bottom:1.25rem}
.admin-panel-header{padding:.85rem 1.25rem;border-bottom:1px solid rgba(255,107,0,.15);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.admin-panel-title{font-family:'Space Mono',monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c4)}
.admin-panel-count{font-family:'Space Mono',monospace;font-size:.62rem;color:var(--text3)}
.admin-ch-row{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;border-bottom:1px solid rgba(26,26,53,.6)}
.admin-ch-row:last-child{border-bottom:none}
.admin-ch-name{flex:1;font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-ch-plays{font-family:'Space Mono',monospace;font-size:.62rem;color:var(--text2);min-width:60px;text-align:right;flex-shrink:0}
.admin-cat-select{background:var(--bg3);border:1px solid var(--border);border-radius:5px;color:var(--text);font-family:'Space Mono',monospace;font-size:.65rem;padding:.32rem .55rem;outline:none;cursor:pointer;flex-shrink:0}
.admin-cat-select:focus{border-color:rgba(255,107,0,.4)}
.admin-confirm-btn{background:rgba(170,255,0,.1);border:1px solid rgba(170,255,0,.25);border-radius:5px;color:var(--c3);font-family:'Space Mono',monospace;font-size:.62rem;padding:.32rem .65rem;cursor:pointer;flex-shrink:0;transition:all .15s;white-space:nowrap;letter-spacing:.04em}
.admin-confirm-btn:hover:not(:disabled){background:rgba(170,255,0,.2)}
.admin-confirm-btn:disabled{opacity:.3;cursor:default}

@media(max-width:768px){
  nav{padding:0 .75rem;gap:.3rem}
  .nav-search input{width:110px}
  .page{padding:1rem}
  .stat-grid{grid-template-columns:repeat(3,1fr)}
  .two-col,.three-col{grid-template-columns:1fr}
  .artist-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
  .song-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
  .mode-toggle{display:none}
}

/* ================================================================
   DAYLIGHT THEME — component overrides
   ================================================================ */

/* Body effects — remove dark scanlines; soften ambient glow */
[data-theme="daylight"] body{font-weight:450;font-size:1.02rem}
[data-theme="daylight"] body::before{background:none}
[data-theme="daylight"] body::after{
  background:radial-gradient(ellipse 60% 40% at 20% 0%,rgba(184,23,74,.05) 0%,transparent 60%),
             radial-gradient(ellipse 50% 30% at 80% 100%,rgba(0,111,163,.04) 0%,transparent 60%)}

/* Nav */
[data-theme="daylight"] nav{background:rgba(238,240,246,.96);box-shadow:0 1px 6px rgba(0,0,0,.1)}
[data-theme="daylight"] .nav-link{font-weight:600;font-size:.68rem}
[data-theme="daylight"] .nav-link:hover,[data-theme="daylight"] .nav-link.active{background:var(--surface2)}
[data-theme="daylight"] .nav-link.active{color:var(--c2);border-color:rgba(0,111,163,.35)}
[data-theme="daylight"] .nav-search input{background:var(--surface);color:var(--text)}
[data-theme="daylight"] .nav-search input:focus{border-color:rgba(0,111,163,.5);box-shadow:0 0 0 2px rgba(0,111,163,.12)}

/* Stat cards */
[data-theme="daylight"] .stat-card{box-shadow:0 1px 4px rgba(0,0,0,.07)}
[data-theme="daylight"] .stat-card:nth-child(1) .stat-num{color:var(--c1)}
[data-theme="daylight"] .stat-card:nth-child(2) .stat-num{color:var(--c2)}
[data-theme="daylight"] .stat-card:nth-child(3) .stat-num{color:var(--c3)}
[data-theme="daylight"] .stat-card:nth-child(4) .stat-num{color:var(--c4)}
[data-theme="daylight"] .stat-card:nth-child(5) .stat-num{color:var(--c5)}

/* Panels */
[data-theme="daylight"] .panel{box-shadow:0 1px 4px rgba(0,0,0,.07)}
[data-theme="daylight"] .panel-title{font-weight:700;font-size:.72rem;color:var(--text2)}
[data-theme="daylight"] .panel-action{color:var(--c2)}

/* List rows */
[data-theme="daylight"] .list-row{border-bottom-color:var(--border)}
[data-theme="daylight"] .list-row-name{font-weight:600;font-size:.86rem}
[data-theme="daylight"] .list-row-artist{font-size:.82rem}

/* Item list */
[data-theme="daylight"] .item-list{box-shadow:0 1px 4px rgba(0,0,0,.07)}

/* Video items */
[data-theme="daylight"] .video-title{font-weight:600;font-size:.84rem}
[data-theme="daylight"] .video-item{border-bottom-color:var(--border)}
[data-theme="daylight"] .video-thumb{background:var(--bg2)}

/* Artist hero */
[data-theme="daylight"] .artist-hero{box-shadow:0 2px 8px rgba(0,0,0,.08)}
[data-theme="daylight"] .artist-hero::before{background:radial-gradient(ellipse,rgba(184,23,74,.06) 0%,transparent 70%)}
[data-theme="daylight"] .artist-hero-stats .hl{color:var(--c1)}
[data-theme="daylight"] .artist-notes{background:rgba(184,23,74,.04);border-color:rgba(184,23,74,.18);color:var(--text2)}

/* Featured section */
[data-theme="daylight"] .featured-section{box-shadow:0 1px 4px rgba(0,0,0,.06)}

/* Filters */
[data-theme="daylight"] .filter-input{background:var(--surface);color:var(--text);font-weight:500}
[data-theme="daylight"] .filter-input:focus{border-color:rgba(0,111,163,.45)}
[data-theme="daylight"] .sort-select{background:var(--surface);color:var(--text);font-weight:500}

/* Alphabet bar */
[data-theme="daylight"] .alpha-btn{background:var(--surface);color:var(--text3);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.06)}
[data-theme="daylight"] .alpha-btn:hover{background:var(--surface2);border-color:rgba(184,23,74,.3);color:var(--text)}
[data-theme="daylight"] .alpha-btn.active{background:rgba(184,23,74,.08);border-color:rgba(184,23,74,.45);color:var(--c1)}

/* Category tabs */
[data-theme="daylight"] .cat-tab{background:var(--surface);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.06)}
[data-theme="daylight"] .cat-tab:hover{border-color:rgba(184,23,74,.3)}
[data-theme="daylight"] .cat-tab.active{background:rgba(184,23,74,.07);border-color:rgba(184,23,74,.4);color:var(--c1)}

/* Section headers */
[data-theme="daylight"] .section-label{color:var(--text3)}
[data-theme="daylight"] .section-title{color:var(--text)}

/* Back button */
[data-theme="daylight"] .back-btn:hover{color:var(--c2)}

/* See Also */
[data-theme="daylight"] .see-also{box-shadow:0 1px 4px rgba(0,0,0,.06)}
[data-theme="daylight"] .see-also-chip{background:var(--bg2);font-weight:500}
[data-theme="daylight"] .see-also-chip:hover{border-color:rgba(0,111,163,.4);color:var(--c2)}
[data-theme="daylight"] .see-also-input{background:var(--surface);color:var(--text)}
[data-theme="daylight"] .see-also-drop{background:var(--surface);border-color:rgba(0,111,163,.25)}
[data-theme="daylight"] .see-also-opt:hover{background:var(--bg2)}

/* MusicBrainz chips */
[data-theme="daylight"] .mb-chip{background:rgba(0,111,163,.07);color:var(--c2);border-color:rgba(0,111,163,.2)}

/* Badges */
[data-theme="daylight"] .cat-music{background:rgba(184,23,74,.1);color:var(--c1);border-color:rgba(184,23,74,.25)}
[data-theme="daylight"] .cat-tech{background:rgba(0,111,163,.1);color:var(--c2);border-color:rgba(0,111,163,.25)}
[data-theme="daylight"] .cat-tv{background:rgba(184,72,0,.1);color:var(--c4);border-color:rgba(184,72,0,.25)}
[data-theme="daylight"] .cat-food{background:rgba(61,114,0,.1);color:var(--c3);border-color:rgba(61,114,0,.25)}
[data-theme="daylight"] .cat-comedy{background:rgba(104,34,168,.1);color:var(--c5);border-color:rgba(104,34,168,.25)}
[data-theme="daylight"] .cat-gaming{background:rgba(0,111,163,.08);color:#006f8a;border-color:rgba(0,111,163,.2)}
[data-theme="daylight"] .cat-news{background:rgba(184,72,0,.08);color:#a04000;border-color:rgba(184,72,0,.2)}
[data-theme="daylight"] .cat-other,[data-theme="daylight"] .cat-unsure{background:rgba(120,120,160,.1);color:var(--text2);border-color:var(--border)}
[data-theme="daylight"] .mt-badge{background:rgba(61,114,0,.1);color:var(--c3);border-color:rgba(61,114,0,.2)}

/* Pagination */
[data-theme="daylight"] .page-btn{background:var(--surface);font-weight:500}
[data-theme="daylight"] .page-btn:hover{background:var(--surface2)}
[data-theme="daylight"] .page-btn.active{background:rgba(184,23,74,.1);border-color:rgba(184,23,74,.4);color:var(--c1)}

/* Loading / empty */
[data-theme="daylight"] .loading{color:var(--text2)}

/* Mode toggle */
[data-theme="daylight"] .mode-btn{background:var(--surface2);color:var(--text3)}
[data-theme="daylight"] .mode-btn.active{background:rgba(0,111,163,.12);color:var(--c2)}
[data-theme="daylight"] .mode-btn:hover:not(.active){background:var(--bg2);color:var(--text2)}

/* Admin panel (channel categorization) */
[data-theme="daylight"] .admin-panel{background:rgba(184,72,0,.03);border-color:rgba(184,72,0,.18)}
[data-theme="daylight"] .admin-panel-header{border-bottom-color:rgba(184,72,0,.12)}
[data-theme="daylight"] .admin-ch-row{border-bottom-color:var(--border)}
[data-theme="daylight"] .admin-cat-select{background:var(--surface);color:var(--text)}
[data-theme="daylight"] .admin-confirm-btn{background:rgba(61,114,0,.1);border-color:rgba(61,114,0,.25);color:var(--c3)}
[data-theme="daylight"] .admin-confirm-btn:hover:not(:disabled){background:rgba(61,114,0,.18)}

/* Scrollbar */
[data-theme="daylight"] ::-webkit-scrollbar-track{background:var(--bg2)}
[data-theme="daylight"] ::-webkit-scrollbar-thumb{background:var(--border)}