/* NCK Racing's existing logo, fonts, blue and charcoal palette. */
.autoplay-preview{margin-top:25px;border-top:1px solid #303030;padding-top:18px;font-size:12px}.autoplay-preview strong{color:#71c2ff}.autoplay-preview p{color:#a4b0bd;font-size:11px;line-height:1.7}#autoplay[aria-pressed=true]{color:#71c2ff;background:#0092ff22}
@media(max-width:720px){.player-dock .transport-buttons{gap:4px}.player-dock .transport-buttons button{font-size:10px;padding:6px 4px}.player-dock .transport-buttons button.play{min-width:64px;font-size:12px;padding:10px}}
.track-art{overflow:hidden}.track-art img{display:block;width:100%;height:100%;object-fit:cover}.track-art img.fallback{object-fit:contain;padding:5px}.player-dock .cover img{display:block;width:100%;height:100%;object-fit:cover}.player-dock .cover img.fallback{object-fit:contain;padding:5px}
@font-face{font-family:NCK Display;src:url('/assets/redesign-BebasNeue-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--blue:#0092ff;--ink:#090909;--card:#171717;--line:#303030;--muted:#a4b0bd;--text:#f1f4f8;font-family:'Segoe UI','Roboto',Arial,sans-serif;color:var(--text);background:var(--ink)}
body{background:var(--ink);border-top:3px solid var(--blue)}.sidebar{background:#131313;border-color:var(--line)}.brand{margin:0 10px 30px;display:flex;flex-direction:column;align-items:flex-start;font-style:normal;letter-spacing:0}.brand img{display:block;width:150px;height:48px;object-fit:contain;object-position:left center}.brand span{font-size:14px;font-style:italic;font-weight:800;letter-spacing:1px;color:#71c2ff;margin-top:9px}.brand small{font-size:8px;color:var(--muted);letter-spacing:1.4px;margin-top:5px}
nav button{font-style:italic;font-weight:700;color:#a4b0bd;border-radius:0;border-left:2px solid transparent}nav button.active{background:#0092ff14;color:#71c2ff;border-left-color:var(--blue)}nav b{background:#26313b}.side-bottom button{background:#1b1b1b;border-color:#3b3b3b}.side-bottom p,.side-bottom a{color:var(--muted)}
main{background:#090909}.topbar{color:var(--muted);border-bottom:1px solid #252525;padding-bottom:16px}.live-dot{background:#42c591}.welcome{padding:34px 24px;margin-top:22px;background:linear-gradient(110deg,#102331,#111820 70%,#151515);border:1px solid #303d46;border-left:3px solid var(--blue);border-radius:16px 0 16px 0}.welcome .eyebrow,.eyebrow{color:#71c2ff;letter-spacing:1.4px}.welcome h1,h2,.tile h3{font-family:'NCK Display','Bahnschrift Condensed','Arial Narrow',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.3px}.welcome h1{font-size:clamp(36px,4vw,58px);line-height:1.05}.welcome>p:not(.eyebrow){color:#b8c2cd}
button,input,select{border-radius:9px 0 9px 0}button{background:#242424;border-color:#3b3b3b;color:#edf3fa;box-shadow:none;font-weight:600}button:hover{background:#303030;border-color:#555}.primary{background:var(--blue);border-color:var(--blue)}.primary:hover{background:#147dd1;border-color:#147dd1}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#8aceff}
input[type=search],input[type=text]{background:#101010;border-color:#414141;border-radius:3px;color:#edf3fa}.source-chips span{border-color:#34414b;background:#0092ff0a;color:#a4b0bd;border-radius:3px}.content-heading{border-bottom:1px solid var(--line);margin-bottom:15px}.content-heading h2{font-size:29px}.content-heading p:not(.eyebrow){color:var(--muted)}.track{background:var(--card);border-color:#303030;border-radius:9px 0 9px 0}.track:hover{background:#1b1b1b;border-color:#626262}.track-art{background:#142c3b;border:1px solid #2b475c;color:#71c2ff;border-radius:7px 0 7px 0}.track-info small,.track-length{color:#a4b0bd}.track-actions select{background:#202020;border-color:#414141;color:#bfc9d6}.liked{color:#71c2ff!important;border-color:#0092ff!important}.empty{color:var(--muted);border-color:#363636;border-radius:3px}.tile{background:#171717;border-color:#383838;border-radius:14px 0 14px 0}.tile h3{font-size:26px}.tile p{color:var(--muted)}
.queue-side{background:#131313;border-color:var(--line)}.queue-head h2{font-size:25px}.mini-track{border-color:#303030}.mini-track small,.mini-track>span{color:var(--muted)}#full-queue{color:#71c2ff}.player-dock{background:#151515fa;border-color:#3c4650;border-top:2px solid var(--blue);box-shadow:0 -12px 30px #0005}.cover{background:#102b3d;border:1px solid #24506d;border-radius:9px 0 9px 0}.cover img{width:44px;height:30px;object-fit:contain}.now-track span{color:var(--muted)}.transport-buttons button{color:#c8d3df}.transport-buttons button.play{background:var(--blue);border-radius:9px 0 9px 0}.scrubber{color:var(--muted)}input[type=range]{background:linear-gradient(to right,#0092ff var(--progress),#3b4147 var(--progress))}input[type=range]::-webkit-slider-thumb{border-color:#0092ff}input[type=range]::-moz-range-thumb{border-color:#0092ff}.extras label,#status{color:var(--muted)}#toast{background:#142b3c;border-color:#30658c;border-radius:12px 0 12px 0}#save-current{font-size:10px;background:none;color:#71c2ff;border:0;padding:5px 0 0;min-height:0;white-space:nowrap}.help{color:var(--muted)}.help h3{color:var(--text)}
dialog{width:min(460px,calc(100% - 32px));background:#171717;color:#f1f4f8;border:1px solid #42505c;border-top:3px solid #0092ff;border-radius:14px 0 14px 0;padding:24px;box-shadow:0 25px 90px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-heading h2{margin:0;font-size:29px}.dialog-heading button{background:none;border:0;font-size:24px;padding:0 5px}#playlist-dialog-note{font-size:13px;color:#a4b0bd;line-height:1.6;margin:15px 0}#playlist-options{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}#playlist-form label{display:block;font-size:12px;margin:20px 0 9px;color:#c4cfda}#playlist-name{width:100%;margin-bottom:16px}
@media(max-width:720px){.sidebar{border-bottom:1px solid #303030}.brand{display:grid;grid-template-columns:110px auto;align-items:center;gap:15px;margin:0 0 15px}.brand img{width:110px;height:30px}.brand span{margin:0;font-size:12px}.brand small{display:none}.welcome{padding:23px 16px;margin-top:15px}.welcome h1{font-size:37px}.cover img{width:27px;height:20px}.now-track span{margin-top:2px}#save-current{font-size:9px;padding-top:4px}.content-heading h2{font-size:27px}.player-dock{min-height:200px}.app{padding-bottom:230px}.sidebar{height:auto}#toast{bottom:220px}}