/* NEUTRAL_CONTRAST_20261010 */
/* DJ25 Music Club — neutral black, white contrast, image-led discovery. */
:root{--bg:#0c0c0c;--panel:#141414;--line:#1b1b1b;--muted:#888888;--text:#ededed;--accent:#717171;color-scheme:dark}
body{background:radial-gradient(ellipse 1000px 580px at 65% 8%,#15151542,transparent 75%),#0c0c0c;color:var(--text)}.shell{width:min(1280px,calc(100% - 80px))}.site-header{height:86px;background:#0d0d0ded;border-color:#ffffff0b;backdrop-filter:blur(24px)}.header-inner{width:min(1360px,calc(100% - 72px));gap:44px}.brand img{width:148px}.desktop-nav{gap:24px}.nav-item{height:100%;position:relative}.desktop-nav .nav-item>a{height:100%;display:flex;align-items:center;font-size:12px;color:#a8a8a8;letter-spacing:.2px}.desktop-nav .nav-item>a.active,.desktop-nav .nav-item>a:hover{color:#f4f4f4}.desktop-nav .nav-item>a.active:after{height:4px;width:4px;border-radius:50%;bottom:15px;left:calc(50% - 2px);background:var(--accent);box-shadow:0 0 12px #71717188}.nav-submenu{position:absolute;top:calc(100% - 7px);left:-18px;min-width:160px;padding:10px;background:#101010;border:1px solid #2e2e2e;box-shadow:0 12px 35px #00000066;border-radius:9px;visibility:hidden;opacity:0;transform:translateY(5px);transition:.18s;z-index:45}.desktop-nav .nav-submenu a{height:auto;display:block;padding:10px;font-size:12px;border-radius:4px}.desktop-nav .nav-submenu a:hover{background:#202020;color:#e9e9e9}.nav-item:hover .nav-submenu,.nav-item:focus-within .nav-submenu{visibility:visible;opacity:1;transform:none}.desktop-nav a:last-child{display:flex}.header-tools{gap:15px}.header-tools .icon-button{width:34px}.account-link{padding-left:18px;border-color:#212121;font-size:12px;gap:9px}.account-link .ico{width:18px}.header-tools .ico{color:#b3b3b3}
.night-intro{display:flex;align-items:center;justify-content:space-between;padding:37px 0 28px}.night-kicker{display:block;color:#9a9a9a;font:9px var(--mono);letter-spacing:3.5px;margin-bottom:11px}.night-intro h1{font-size:46px;font-weight:700;letter-spacing:2px;line-height:1.15;color:#f3f3f3}.night-intro h1>span{color:#929292}.night-player-link{display:flex;align-items:center;gap:13px;padding:12px 0 12px 20px;font-size:11px;color:#bfbfbf}.night-player-link .ico:first-child{width:28px;height:28px;color:#929292;stroke-width:1}.night-player-link .ico:last-child{width:16px;margin-left:12px;color:#979797}.image-carousel{position:relative;aspect-ratio:3/1;overflow:hidden;border-radius:12px;background:#0b0b0b;box-shadow:0 22px 75px #00000044}.carousel-slides,.carousel-slide{position:absolute;inset:0;touch-action:pan-y pinch-zoom}.carousel-slide{opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s;pointer-events:none}.carousel-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.carousel-slide img{width:100%;height:100%;object-fit:cover}.carousel-arrow{position:absolute;top:calc(50% - 21px);width:42px;height:42px;display:grid;place-items:center;background:#0a0a0a60;border:1px solid #f4f4f424;border-radius:50%;color:#f4f4f4;backdrop-filter:blur(10px);transition:.2s}.carousel-arrow:hover{background:#151515bb;color:#ffffff;border-color:#e4e4e477}.carousel-arrow.prev{left:20px}.carousel-arrow.next{right:20px}.carousel-arrow .ico{width:18px;height:18px}.carousel-controls{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;border-radius:20px;background:#07070788;padding:4px 7px 4px 12px;backdrop-filter:blur(12px);color:#ffffff}.carousel-dots{display:flex;gap:2px}.carousel-dots button{position:relative;width:24px;height:22px;padding:0}.carousel-dots button:after{content:"";position:absolute;top:9px;left:9px;width:5px;height:5px;background:#ffffff66;border-radius:5px;transition:.2s}.carousel-dots button[aria-pressed=true]:after{left:3px;width:17px;background:#f4f4f4}.carousel-pause{width:26px;height:24px;border-left:1px solid #ffffff33;display:grid;place-items:center;padding:0}.carousel-pause .ico{width:12px;height:12px}.channel-strip{display:flex;align-items:center;justify-content:space-around;gap:14px;padding:24px 0;border-bottom:1px solid #1d1d1d}.channel-strip a{display:flex;align-items:center;gap:11px;color:#b7b7b7;font-size:12px;white-space:nowrap}.channel-strip .ico{width:18px;height:18px;color:#979797;stroke-width:1.3}.channel-strip a:hover,.channel-strip a:hover .ico{color:#c0c0c0}
.portal-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;margin-top:35px}.portal-main,.portal-side{min-width:0}.content-panel{margin-bottom:39px;padding:0;border:0;background:none}.content-panel .section-heading{margin:0 0 21px;align-items:center;gap:12px}.content-panel .section-heading>div{display:flex;align-items:baseline;gap:14px;flex-direction:row-reverse}.content-panel .section-heading h2{font-size:23px;font-weight:600;letter-spacing:1px;color:#eeeeee}.content-panel .section-heading .eyebrow{font-size:8px;letter-spacing:1.8px;margin:0;color:#979797}.content-panel .section-heading .text-link{font-size:10px;color:#9a9a9a;gap:7px}.content-panel .section-heading .text-link .ico{width:14px;height:14px}.content-panel .section-heading .text-link:hover{color:#c0c0c0}.content-panel .media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.media-art{border-radius:8px;background:#101010}.media-card h3{font-size:13px;font-weight:500}.media-card p{font-size:9px;color:#979797}.media-art span{background:#ebebeb;color:#161616}.media-card:hover h3{color:#b7b7b7}.original-panel .media-grid:empty{display:none}.original-panel .media-grid:empty+.empty-state{display:none!important}.set-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.original-panel:has(.media-card) .set-channels{display:none}.set-channel{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:9px;background:#101010;isolation:isolate}.set-channel>img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.set-channel:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#09090922,transparent 28%,#07070733 55%,#090909ed)}.set-channel:hover>img{transform:scale(1.055)}.set-channel-top{position:absolute;top:13px;left:13px;right:13px;display:flex;justify-content:space-between;align-items:center;z-index:1;color:#ececec}.set-channel-top>span{font-size:8px;letter-spacing:1px}.set-channel-top>.ico{width:15px;height:15px;transform:rotate(-35deg)}.set-channel-bottom{position:absolute;bottom:18px;left:15px;right:12px;z-index:1;color:#f4f4f4}.set-channel-bottom>small{font:8px var(--mono);letter-spacing:1.7px;color:#bdbdbd}.set-channel-bottom h3{font-size:19px;line-height:1.5;margin-top:7px;font-weight:600;letter-spacing:.3px}.set-channel:nth-child(2) img{object-position:37% center}.set-channel:nth-child(3) img{object-position:65% center}.set-channel:nth-child(4) img{object-position:55% center}.style-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 20px}.style-card-art{position:relative;aspect-ratio:1.22;overflow:hidden;background:#111111;border-radius:9px}.style-card-art>img{width:100%;height:100%;object-fit:cover;transition:transform .65s,filter .4s;filter:brightness(.86)}.style-card:hover .style-card-art>img{transform:scale(1.045);filter:brightness(1.08)}.style-card-art>span{position:absolute;right:12px;bottom:12px;border:1px solid #e4e4e43d;background:#0a0a0a80;backdrop-filter:blur(10px);border-radius:50%;width:31px;height:31px;display:grid;place-items:center;color:#f4f4f4;opacity:0;transform:translateY(5px);transition:.2s}.style-card-art>span>.ico{width:15px;height:15px;transform:rotate(-35deg)}.style-card:hover .style-card-art>span,.style-card:focus-visible .style-card-art>span{opacity:1;transform:none}.style-card-copy{display:flex;align-items:baseline;justify-content:space-between;gap:5px;margin-top:13px}.style-card-copy h3{font-size:14px;font-weight:500;letter-spacing:.5px;color:#d2d2d2}.style-card-copy small{font:7px var(--mono);letter-spacing:1px;color:#979797;white-space:nowrap}.style-card-0 .style-card-art>img{object-position:60% center}.style-card-3 .style-card-art>img{object-position:48% center}.recommend-panel:has(.media-grid:empty),.side-sets:has(.media-grid:empty){display:none}.sidebar-chart:has(.track-list:empty){display:none}.music-tabs{display:flex;gap:25px;font-size:11px;border-bottom:1px solid #1e1e1e}.music-tabs a{padding:0 0 14px;color:#979797}.music-tabs a.current{border-bottom:2px solid #676767;color:#dbdbdb}.list-column-head{display:flex;justify-content:space-between;padding:15px 0;font-size:9px;color:#979797}.list-column-head span:first-child{flex:1;padding-left:24px}.list-column-head span:nth-child(2){width:93px}.list-column-head span:last-child{width:79px;text-align:center}.track-list{border-color:#1c1c1c}.track-row{border-color:#1a1a1a;min-height:74px}.track-row:hover{background:#21212120}.track-title{font-size:13px;color:#c5c5c5}.track-category{color:#989898;font-size:10px}.track-date{color:#979797}.track-number{font-size:10px;color:#979797}.track-row .track-cover{color:#ffffff}.track-row .icon-button{color:#9a9a9a}.track-row.is-current .track-title{color:#b7b7b7}.empty-state{border:0;border-top:1px solid #1b1b1b;background:none;border-radius:0;min-height:145px;padding:25px;color:#979797}.empty-state>.ico{width:26px;height:26px;color:#979797;margin-bottom:12px}.empty-state strong{font-size:12px;font-weight:400;color:#9a9a9a}.empty-state p{font-size:11px;color:#989898}.empty-state a{color:#949494;font-size:10px;margin-top:15px}.portal-layout .empty-state{min-height:93px}.portal-layout .empty-state>.ico,.portal-layout .empty-state>p,.portal-layout .empty-state>a{display:none}.portal-side .section-heading h2{font-size:19px}.portal-side .section-heading .eyebrow{display:none}.chart-periods{display:flex;gap:0;border-bottom:1px solid #202020;margin-bottom:12px}.chart-periods a{padding:0 0 11px;font-size:11px;flex:1;text-align:center;color:#979797}.chart-periods a.current{color:#d0d0d0;border-bottom:2px solid #626262}.portal-side .media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.journal-list a{display:flex;align-items:center;gap:20px;padding:17px 0;border-top:1px solid #1b1b1b;color:#999999}.journal-list a>time{font:10px var(--mono);color:#979797}.journal-list a>span{flex:1;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.journal-list .ico{width:15px;height:15px;color:#979797}
.club-player-promo{display:block;width:100%;position:relative;overflow:hidden;padding:22px;border:1px solid #30303088;border-radius:12px;background:radial-gradient(ellipse at 50% 28%,#2525259c,transparent 60%),linear-gradient(140deg,#141414,#0c0c0c);text-align:left;color:#e3e3e3;margin-bottom:30px}.promo-top{display:flex;align-items:center;justify-content:space-between}.promo-top small{font:8px var(--mono);letter-spacing:2px;color:#a2a2a2}.promo-top>.ico{width:15px;height:15px;color:#949494}.promo-disc{display:grid;place-items:center;width:185px;height:185px;margin:26px auto 22px;border-radius:50%;border:1px solid #505050;background:repeating-radial-gradient(circle,#0a0a0a 0 2px,#212121 2.5px,#0d0d0d 3.5px);box-shadow:0 0 0 7px #0e0e0e,0 0 0 8px #5e5e5e4d,0 0 28px #67676730;transform:rotate(-20deg);transition:transform 1s}.promo-disc>span{display:grid;place-items:center;width:65px;height:65px;background:linear-gradient(140deg,#666666,#535353);border-radius:50%;font-size:19px;letter-spacing:-2px;font-style:italic;font-weight:900;color:#e3e3e3}.club-player-promo:hover .promo-disc{transform:rotate(20deg)}.promo-title{display:block;font-size:20px;letter-spacing:1px;font-weight:500;color:#e3e3e3;white-space:nowrap}.promo-link{display:flex;align-items:center;justify-content:space-between;margin-top:21px;font-size:10px;color:#a7a7a7;padding-top:16px;border-top:1px solid #3d3d3d66}.promo-link>.ico{width:15px;height:15px}.club-video-card{display:block;position:relative;overflow:hidden;aspect-ratio:.92;border-radius:10px;margin-bottom:32px}.club-video-card>img{height:100%;width:100%;object-fit:cover;object-position:43% center;filter:brightness(.7);transition:.3s}.club-video-card:hover>img{filter:brightness(.9);transform:scale(1.035)}.club-video-card>span{display:grid;place-items:center;position:absolute;top:calc(50% - 24px);left:calc(50% - 24px);height:48px;width:48px;border-radius:50%;border:1px solid #ffffff66;background:#10101055;backdrop-filter:blur(8px);color:#ffffff}.club-video-card>span>.ico{width:19px}.club-video-card>div{position:absolute;bottom:23px;left:22px;color:#f4f4f4}.club-video-card small{display:block;font:8px var(--mono);letter-spacing:2px;color:#cccccc;margin-bottom:8px}.club-video-card strong{font-weight:500;font-size:22px;letter-spacing:1px}
.site-footer{border-color:#1e1e1e;padding:32px 0 25px;margin-top:10px}.site-footer .brand img{width:128px;opacity:1}.site-footer p{color:#989898;font-size:10px;margin-top:12px}.footer-links{color:#979797;font-size:10px}.footer-end{border-color:#1e1e1e;color:#979797;font-size:8px}.genre-filter{background:#0d0d0d;border:1px solid #1e1e1e;border-radius:10px}.filter-line{border-color:#1c1c1c;gap:26px}.filter-line>span{width:76px;color:#a3a3a3}.filter-line>div{color:#9b9b9b;font-size:12px}.more-genres{color:#9a9a9a}.chips a,.chips button{background:#101010;border-color:#242424;color:#a3a3a3;border-radius:5px}.chips .current,.chips .active{background:#242424;border-color:#515151;color:#dadada}.page-intro h1{font-size:37px}.page-intro .eyebrow{color:#989898;font-size:9px}.page-intro p{color:#9b9b9b}.eyebrow{color:#979797}.text-link{color:#9c9c9c}.chart-tabs a{color:#939393}.chart-tabs a.active{color:#a7a7a7}.button.primary{background:#686868;border-color:#686868;color:#f4f4f4}.button.primary:hover{background:#757575;color:#ffffff}.button.ghost{background:#111111;border-color:#292929;color:#c4c4c4}.button.ghost:hover{border-color:#6d6d6d}.editor-content{color:#979797}.detail-meta,.detail-links{color:#9b9b9b}.detail-art-label{background:#0b0b0bba;color:#cdcdcd}.detail-art>img,.collection-cover{border-radius:10px;box-shadow:0 20px 60px #00000077}.download-panel{background:#0e0e0e;border-color:#212121;border-radius:12px}.page-intro{padding-top:40px}.breadcrumb{color:#9b9b9b}.site-header .account-link span{display:inline}
.player-bar{height:82px;padding:10px 32px;background:#0c0c0ced;border-color:#3b3b3b52;box-shadow:0 -8px 40px #00000044;backdrop-filter:blur(30px);color:#e0e0e0}.now-cover{width:47px;height:47px;border-radius:8px;border:1px solid #49494955}.now-info{width:23%;min-width:0}.now-info strong{font-size:12px;color:#d9d9d9}.now-info span{color:#979797;letter-spacing:.5px;font-size:8px}.player-center{width:min(450px,40%)}.transport{gap:18px}.play-button,.play-button:hover:not(:disabled){background:#eaeaea;color:#929292}.transport .play-button{height:33px;width:33px}.player-tools .ico,.transport .icon-button{color:#999999}.transport .icon-button.is-on{color:#929292}.seek-line time{color:#9b9b9b}.player-center .seek-line{margin-top:7px}input[type=range]{background:#282828}input[type=range]::-webkit-slider-thumb{background:#8c8c8c}input[type=range]::-moz-range-thumb{background:#8c8c8c}.queue-count{color:#969696}.mobile-nav{background:#0a0a0a;border-color:#1f1f1f}.mobile-nav a{color:#979797}.mobile-nav a.active{color:#b4b4b4}.toast{background:#616161;color:#f4f4f4;font-size:12px;box-shadow:0 8px 30px #0e0e0e99}dialog{background:#0e0e0e;color:#eaeaea;border-color:#2e2e2e;border-radius:14px}.search-dialog .search-field{border-color:#4a4a4a}.search-dialog h2{font-size:30px}.search-field>input{color:#efefef}.search-dialog .eyebrow{color:#969696}.search-dialog>p{color:#9a9a9a}.queue-dialog{border-radius:0;background:#0e0e0e}.queue-item{border-color:#212121}.queue-item.current{color:#a6a6a6}.immersive-dialog{background:linear-gradient(100deg,#070707e0,#080808ed 60%,#070707f5),url('/skin/dj25/assets/night-floor.webp') center/cover;padding:27px 42px}.immersive-top>img{width:143px}.immersive-top>.eyebrow{color:#989898;letter-spacing:3px;font-size:8px}.immersive-layout{max-width:1100px;grid-template-columns:1.05fr 1fr;gap:75px}.immersive-info h2{font-size:31px;margin:14px 0;line-height:1.4;color:#e9e9e9}.immersive-info>.eyebrow{font-size:9px;letter-spacing:2px;color:#959595}.immersive-info>[data-player-subtitle]{font-size:13px;color:#939393}.immersive-info .seek-line{margin-top:25px}.player-status{height:20px;margin:12px 0;color:#b8b8b8;font-size:11px}.immersive-controls{margin:30px 0}.immersive-controls .play-button{width:62px;height:62px;background:#e8e8e8;color:#929292}.immersive-controls .icon-button{color:#acacac}.immersive-controls .icon-button.is-on{color:#a1a1a1}.immersive-bottom{border-color:#2e2e2e;padding-top:22px}.immersive-bottom .text-link{font-size:11px;color:#9a9a9a}

/* The deck is drawn in CSS. Playback and pointer events drive its state. */
.turntable{position:relative;background:linear-gradient(135deg,#c0c0c0,#e8e8e8 38%,#a7a7a7);color:#949494;border:1px solid #dcdcdc;border-radius:12px;padding:22px;box-shadow:0 30px 60px #00000077,inset 0 1px 1px #ffffff,0 5px 0 #616161,0 9px 0 #1a1a1a}.turntable:before,.turntable:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#6f6f6f,#eaeaea);border:1px solid #727272;top:10px}.turntable:before{left:10px}.turntable:after{right:10px}.deck-topline{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:2px;margin:3px 0 22px}.deck-live{font-size:10px;letter-spacing:0;color:#989898;transition:color .2s}.is-playing .deck-live{color:#929292;text-shadow:0 0 6px #69696980}.deck-platter{position:relative;aspect-ratio:1;margin:0 19px 20px 0}.deck-grooves{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(#bfbfbf 0deg 1deg,#2f2f2f 1deg 3deg);box-shadow:0 5px 12px #14141477;border:4px solid #454545}.vinyl-disc{position:absolute;inset:11px;display:grid;place-items:center;padding:0;border-radius:50%;border:3px solid #0f0f0f;background:repeating-radial-gradient(circle at center,#090909 0 2px,#202020 2.5px,#0d0d0d 3px,#111111 4px);box-shadow:inset 0 0 0 2px #464646,inset 0 0 25px #000000;touch-action:none;cursor:grab;animation:disc-rotation 6s linear infinite;animation-play-state:paused;will-change:transform}.vinyl-disc:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:50%;background:conic-gradient(from 15deg,transparent,#cacaca1f 40deg,transparent 65deg,transparent 200deg,#cacaca18 235deg,transparent 265deg)}.vinyl-disc:disabled{opacity:1;cursor:default}.is-playing .vinyl-disc{animation-play-state:running}.vinyl-disc.is-dragging{cursor:grabbing;animation-play-state:paused}.vinyl-label{width:34%;height:34%;border-radius:50%;overflow:hidden;border:1px solid #737373;box-shadow:0 0 0 6px #080808}.vinyl-label img{width:100%;height:100%;object-fit:cover}.vinyl-spindle{position:absolute;left:calc(50% - 5px);top:calc(50% - 5px);width:10px;height:10px;border-radius:50%;border:2px solid #d1d1d1;background:#2f2f2f;z-index:2;box-shadow:1px 2px 5px #000000}.tonearm{position:absolute;top:3%;right:-3%;width:14%;height:74%;transform-origin:50% 8%;transform:rotate(-9deg);transition:transform .7s ease;pointer-events:none;filter:drop-shadow(4px 8px 3px #00000077)}.is-playing .tonearm{transform:rotate(22deg)}.tonearm-base{position:absolute;top:0;left:19%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#1f1f1f 0 22%,#c5c5c5 25% 34%,#505050 37% 51%,#e6e6e6 55% 70%,#656565 72%);box-shadow:1px 3px 4px #00000055}.tonearm-shaft{position:absolute;top:8%;bottom:6%;left:calc(50% - 5px);width:10px;border-radius:5px;background:linear-gradient(90deg,#616161,#f6f6f6 40%,#b4b4b4 65%,#4d4d4d);transform:rotate(2deg);transform-origin:top}.tonearm-head{position:absolute;bottom:1%;left:calc(50% - 10px);width:20px;height:29px;transform:rotate(-12deg);background:linear-gradient(90deg,#262626,#464646,#1e1e1e);border-radius:3px;border-bottom:4px solid #6d6d6d}.deck-strobe{position:absolute;left:-6px;bottom:10%;width:9px;height:24px;border-radius:3px;background:#6f6f6f;box-shadow:0 0 12px #6a6a6a66}.deck-bottomline{display:flex;align-items:center;gap:20px}.deck-start{border-radius:4px;width:50px;height:40px;display:grid;place-items:center;background:linear-gradient(#f0f0f0,#a6a6a6);border:1px solid #888888;box-shadow:0 3px 0 #6c6c6c,inset 0 1px 0 #ffffff;color:#939393}.deck-start .ico{width:19px}.deck-start:disabled{opacity:.45}.deck-readout{background:#1e1e1e;padding:7px 11px;min-width:105px;border:2px solid #838383;border-radius:3px;color:#9a9a9a;display:flex;align-items:center;gap:12px}.deck-readout span{font:6px var(--mono);color:#9a9a9a;letter-spacing:1px}.deck-readout time{font:17px var(--mono)}.deck-instruction{margin-left:auto;display:flex;flex-direction:column;gap:5px;font-size:10px;color:#989898}.deck-instruction small{font-size:8px;color:#979797}.mixer-console{display:grid;grid-template-columns:1fr 1fr;gap:25px;border:1px solid #323232;border-radius:5px;background:linear-gradient(135deg,#212121,#161616);padding:19px;margin:0 0 24px;box-shadow:inset 0 1px 0 #5959591a}.mixer-channel{min-width:0}.mixer-channel label{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1.6px;color:#a6a6a6}.mixer-channel label span{color:#898989;font-size:10px;letter-spacing:0}.mixer-fader{padding:18px 0 12px;background:repeating-linear-gradient(90deg,transparent 0 10%,#52525280 calc(10% + 1px),transparent calc(10% + 2px));background-size:100% 7px;background-position:0 9px;background-repeat:no-repeat}.mixer-fader input{display:block;width:100%;height:6px;background:#090909;border:1px solid #313131;border-radius:2px;margin:0}.mixer-fader input::-webkit-slider-thumb{width:13px;height:25px;border-radius:2px;border:1px solid #b7b7b7;background:linear-gradient(#e3e3e3 0 43%,#4e4e4e 44% 52%,#b0b0b0 53%);box-shadow:0 2px 6px #00000088}.mixer-fader input::-moz-range-thumb{width:13px;height:25px;border-radius:2px;border:1px solid #b7b7b7;background:linear-gradient(#e3e3e3 0 43%,#4e4e4e 44% 52%,#b0b0b0 53%);box-shadow:0 2px 6px #00000088}.mixer-scale{display:flex;justify-content:space-between;font:7px var(--mono);color:#9a9a9a;align-items:center}.mixer-scale button{font:7px var(--mono);color:#b6b6b6;padding:3px 7px;border:1px solid #464646;border-radius:2px}.immersive-bottom{border-color:#2d2d2d;padding-top:20px}.immersive-bottom .text-link{font-size:11px}.queue-item{border-color:#2e2e2e}.queue-item.current{color:#8a8a8a}@keyframes disc-rotation{to{transform:rotate(360deg)}}
/* Club deck: polished black surfaces and silver hardware. */
.turntable{color:#c4c4c4;background:linear-gradient(145deg,#24242499,#0d0d0d 40%,#101010);border:1px solid #5e5e5e55;border-radius:26px;padding:26px;box-shadow:0 30px 65px #00000088,inset 0 1px 0 #b3b3b32b,0 5px 0 #080808}.turntable:before,.turntable:after{display:none}.deck-topline{font-size:8px;letter-spacing:2px;color:#979797;margin:0 0 25px}.deck-live{color:#979797}.is-playing .deck-live{color:#8e8e8e;text-shadow:0 0 8px #828282cc}.deck-platter{margin:0 8px 23px 0}.deck-grooves{border:3px solid #242424;background:conic-gradient(from 15deg,#535353,#1b1b1b 18%,#bbbbbb 30%,#202020 40%,#212121 55%,#8f8f8f 70%,#0f0f0f 82%,#535353);box-shadow:0 0 0 1px #83838370,0 0 0 6px #0d0d0d,0 0 0 7px #65656555,0 0 34px #6161611e,0 10px 15px #00000066}.vinyl-disc{inset:12px;background:repeating-radial-gradient(circle at center,#090909 0 2px,#1b1b1b 2.5px,#0a0a0a 3px,#0e0e0e 4px);border:2px solid #0a0a0a;box-shadow:inset 0 0 0 1px #82828266,inset 0 0 25px #000000}.vinyl-label{width:37%;height:37%;border-color:#969696;box-shadow:0 0 0 5px #070707}.vinyl-spindle{border-color:#b3b3b3;background:#2e2e2e}.tonearm{right:-1%;width:12%;height:72%;filter:drop-shadow(3px 6px 3px #000000bb)}.tonearm-base{background:radial-gradient(circle,#1a1a1a 0 23%,#b3b3b3 26% 34%,#2e2e2e 37% 51%,#a5a5a5 55% 70%,#2c2c2c 72%)}.tonearm-shaft{background:linear-gradient(90deg,#4b4b4b,#dbdbdb 40%,#757575 65%,#2d2d2d);width:8px;left:calc(50% - 4px)}.tonearm-head{background:linear-gradient(90deg,#101010,#2a2a2a,#101010);border-bottom:3px solid #626262;height:26px;width:16px;left:calc(50% - 8px)}.deck-strobe{background:#7c7c7c;box-shadow:0 0 18px #6f6f6f88;height:18px;width:5px;left:-9px;bottom:14%;opacity:.6}.is-playing .deck-strobe{opacity:1}.deck-bottomline{gap:18px}.deck-start{width:49px;height:39px;background:linear-gradient(#2a2a2a,#181818);border-color:#64646488;color:#cacaca;border-radius:8px;box-shadow:inset 0 1px 0 #9d9d9d2e,0 3px 10px #00000055}.deck-readout{min-width:100px;background:#0c0c0c;border:1px solid #44444488;border-radius:7px;color:#acacac;padding:9px 12px;gap:12px}.deck-readout span{color:#979797;letter-spacing:1px}.deck-readout time{font-size:16px}.deck-instruction{color:#9c9c9c;font-size:9px;gap:6px}.deck-instruction small{color:#989898;font-size:7px}.mixer-console{background:#19191938;border:1px solid #3e3e3e66;border-radius:12px;box-shadow:none;gap:25px;padding:20px;margin:0 0 25px}.mixer-channel label{font:10px var(--sans);letter-spacing:1px;color:#9a9a9a}.mixer-channel label span{font:10px var(--mono);color:#ababab}.mixer-fader{background-image:none;padding:20px 0 15px}.mixer-fader input{height:4px;background:#262626;border:0;border-radius:4px}.mixer-fader input::-webkit-slider-thumb{height:17px;width:17px;border-radius:50%;border:3px solid #989898;background:#e6e6e6;box-shadow:0 0 10px #b3b3b322}.mixer-fader input::-moz-range-thumb{height:12px;width:12px;border-radius:50%;border:3px solid #989898;background:#e6e6e6;box-shadow:0 0 10px #b3b3b322}.mixer-scale{color:#989898;font-size:7px}.mixer-scale button{font:9px var(--sans);letter-spacing:1px;color:#989898;border:0;padding:0 4px}.immersive-bottom{border-color:#2e2e2e}.queue-item{border-color:#212121}.queue-item.current{color:#a6a6a6}
@media(min-width:1600px){.shell{width:min(1440px,calc(100% - 120px))}.header-inner{width:min(1440px,calc(100% - 120px))}.portal-layout{grid-template-columns:minmax(0,1fr) 310px;gap:45px}.image-carousel{aspect-ratio:3.1}.night-intro{padding-top:42px}.night-intro h1{font-size:54px}.set-channel-bottom h3{font-size:22px}.promo-disc{width:210px;height:210px}}
@media(max-width:1200px){.header-inner{width:calc(100% - 48px);gap:25px}.desktop-nav{gap:18px}.desktop-nav .nav-item>a{font-size:11px}.brand img{width:128px}.header-tools{gap:10px}.site-header .account-link span{display:none}.shell{width:calc(100% - 60px)}.portal-layout{grid-template-columns:minmax(0,1fr) 250px;gap:28px}.set-channels{gap:12px}.set-channel-bottom h3{font-size:15px}.set-channel-top{top:10px;left:10px;right:10px}.set-channel-top>span{font-size:6px}.set-channel-bottom{bottom:14px;left:12px}.set-channel-bottom>small{font-size:6px;letter-spacing:1px}.content-panel .section-heading h2{font-size:21px}.style-card-grid{gap:22px 16px}.style-card-copy{display:block}.style-card-copy h3{font-size:13px}.style-card-copy small{display:block;margin-top:6px}.club-player-promo{padding:20px}.promo-disc{width:172px;height:172px}.promo-title{font-size:17px}.club-video-card{aspect-ratio:.95}.immersive-layout{gap:45px}.turntable{padding:23px}.deck-instruction{font-size:8px}}
@media(max-width:980px){.site-header{height:78px}.header-inner{width:calc(100% - 40px);gap:22px}.desktop-nav{gap:15px}.desktop-nav .nav-item>a{font-size:10px}.brand img{width:112px}.header-tools{gap:6px}.header-tools .icon-button{width:28px}.account-link{padding-left:11px}.shell{width:calc(100% - 44px)}.night-intro{padding:30px 0 25px}.night-intro h1{font-size:40px}.night-kicker{font-size:8px;letter-spacing:3px}.portal-layout{grid-template-columns:minmax(0,1fr) 225px;gap:24px}.set-channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.set-channel{aspect-ratio:1.03}.set-channel-bottom h3{font-size:18px}.set-channel-bottom>small{font-size:7px}.set-channel-top>span{font-size:7px}.style-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 16px}.content-panel .section-heading>div{display:block}.content-panel .section-heading .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:5px}.content-panel .section-heading h2{font-size:22px}.content-panel .media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-side .section-heading .eyebrow{display:none}.promo-disc{width:158px;height:158px;margin:24px auto}.promo-title{font-size:15px}.club-player-promo{padding:18px}.channel-strip a{font-size:11px;gap:8px}.channel-strip .ico{width:16px;height:16px}.music-tabs{font-size:10px;gap:16px}.list-column-head span:nth-child(2){display:none}.list-column-head span:last-child{width:42px}.immersive-dialog{padding:24px}.immersive-layout{gap:35px}.turntable{padding:22px}.deck-topline{font-size:7px;letter-spacing:1px}.deck-bottomline{gap:11px}.deck-instruction{display:none}.deck-readout{margin-left:auto}.immersive-info h2{font-size:26px}.mixer-console{gap:20px;padding:17px}.immersive-bottom .text-link{font-size:10px}}
@media(max-width:760px){.site-header{height:109px}.header-inner{width:calc(100% - 36px);height:65px;position:relative;gap:20px}.header-inner .brand img{width:128px}.desktop-nav{display:flex;position:absolute;top:65px;left:-18px;right:-18px;height:44px;padding:0 18px;gap:25px;overflow:auto;border-top:1px solid #1e1e1e;scrollbar-width:none}.desktop-nav::-webkit-scrollbar{display:none}.nav-item{flex-shrink:0}.desktop-nav .nav-item>a{font-size:11px}.desktop-nav .nav-item>a.active:after{bottom:3px}.nav-submenu{display:none}.header-tools{gap:15px}.header-tools .icon-button{width:32px}.account-link{padding-left:15px}.shell{width:calc(100% - 32px)}.night-intro{padding:25px 0 22px}.night-intro h1{font-size:36px;letter-spacing:1px}.night-kicker{font-size:7px;letter-spacing:2.5px;margin-bottom:9px}.night-player-link{gap:8px;font-size:10px;padding-left:8px}.night-player-link .ico:first-child{width:23px;height:23px}.night-player-link .ico:last-child{width:13px;height:13px;margin-left:3px}.image-carousel{aspect-ratio:2.4;border-radius:9px}.carousel-slide img{object-position:55% center}.carousel-arrow{width:32px;height:32px;top:calc(50% - 16px)}.carousel-arrow.prev{left:10px}.carousel-arrow.next{right:10px}.carousel-arrow .ico{width:15px;height:15px}.carousel-controls{bottom:8px;transform:translateX(-50%) scale(.85)}.channel-strip{justify-content:flex-start;overflow:auto;scrollbar-width:none;gap:20px;padding:20px 2px}.channel-strip a{gap:8px;font-size:11px}.channel-strip .ico{width:16px;height:16px}.portal-layout{grid-template-columns:minmax(0,1fr);gap:0;margin-top:27px}.content-panel{margin-bottom:31px}.content-panel .section-heading{margin-bottom:18px}.content-panel .section-heading>div{display:flex;flex-direction:row-reverse;gap:12px;align-items:baseline}.content-panel .section-heading h2{font-size:22px}.content-panel .section-heading .eyebrow{font-size:7px;letter-spacing:1px;margin:0}.set-channels{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.set-channel{aspect-ratio:.8}.set-channel-top{left:10px;right:10px;top:10px}.set-channel-top>.ico{width:12px;height:12px}.set-channel-top>span{font-size:6px;letter-spacing:.5px}.set-channel-bottom{bottom:14px;left:10px;right:8px}.set-channel-bottom>small{font-size:6px;letter-spacing:.7px}.set-channel-bottom h3{font-size:15px;margin-top:5px}.style-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}.style-card-copy h3{font-size:13px}.style-card-copy small{font-size:6px;letter-spacing:.7px}.style-card-art{aspect-ratio:1.05;border-radius:8px}.style-card-art>span{opacity:1;transform:none;width:25px;height:25px;right:9px;bottom:9px}.style-card-art>span>.ico{width:12px;height:12px}.content-panel .media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portal-side{display:grid;grid-template-columns:1fr 1fr;gap:23px;align-items:start}.club-player-promo{margin:0;padding:20px}.promo-disc{width:170px;height:170px;margin:19px auto}.promo-title{font-size:17px}.promo-link{margin-top:17px}.club-video-card{height:100%;aspect-ratio:auto;min-height:327px;margin:0}.sidebar-chart,.side-sets{grid-column:1/-1}.portal-side .content-panel{margin-bottom:0}.club-video-card>div{left:20px;bottom:21px}.club-video-card strong{font-size:21px}.music-tabs{font-size:11px;gap:25px}.portal-layout .empty-state{min-height:77px}.journal-list a>span{font-size:11px}.genre-filter{padding:6px 17px}.filter-line{gap:17px}.filter-line>span{width:65px}.filter-line>div{font-size:11px}.page-intro{padding-top:30px}.page-intro h1{font-size:30px}.site-footer{margin-top:35px;padding-top:28px}.footer-links{font-size:10px;gap:18px}.footer-end{font-size:7px}.player-bar{padding:10px 20px}.player-tools{gap:10px}.immersive-layout{display:flex;flex-direction:column;gap:32px;max-width:470px;min-height:0;margin:32px auto 12px}.turntable{width:min(100%,370px);border-radius:23px;padding:24px}.deck-topline{font-size:7px;letter-spacing:1.4px;margin-bottom:24px}.deck-platter{margin:0 7px 25px 0}.deck-instruction{display:flex}.deck-readout{margin-left:0;min-width:97px}.deck-start{width:42px;height:36px}.deck-instruction small{font-size:6px}.immersive-info{width:100%}.immersive-info h2{font-size:26px;margin:11px 0}.immersive-info>.eyebrow{font-size:8px}.immersive-info>[data-player-subtitle]{font-size:12px}.immersive-controls{margin:22px 0}.immersive-controls .play-button{width:55px;height:55px}.mixer-console{padding:18px;margin-bottom:22px}.immersive-info .seek-line{margin-top:19px}.immersive-top>.eyebrow{display:none}.immersive-dialog{padding:20px 24px 30px}.immersive-top>img{width:122px}.immersive-top>.icon-button{width:32px;height:32px}.immersive-bottom .text-link{font-size:11px}}
@media(max-width:640px){body{padding-bottom:145px}.player-bar{height:66px;bottom:calc(61px + env(safe-area-inset-bottom));padding:9px 16px}.now-cover{width:43px;height:43px}.now-info{width:auto;flex:1;min-width:0}.now-info strong{font-size:11px}.now-info span{font-size:7px;margin-top:6px;letter-spacing:.3px}.player-center{width:auto;margin:0}.transport{gap:0}.player-tools{gap:0}.mobile-nav{height:calc(61px + env(safe-area-inset-bottom));background:#0c0c0c;border-color:#212121}.mobile-nav a{color:#979797}.mobile-nav a.active{color:#b1b1b1}.player-center input[data-seek]{height:2px}.player-center .seek-line{margin:0}.site-footer{grid-template-columns:1fr;gap:23px}.footer-links{justify-content:flex-start}.content-panel .section-heading .text-link{font-size:9px}.portal-side{gap:15px}.club-player-promo{padding:17px}.promo-disc{width:143px;height:143px}.promo-title{font-size:15px}.promo-top small{font-size:6px;letter-spacing:1.3px}.promo-link{font-size:9px}.club-video-card{min-height:283px}.club-video-card strong{font-size:19px}.club-video-card small{font-size:7px;letter-spacing:1.5px}}
@media(max-width:480px){.shell{width:calc(100% - 30px)}.night-intro{padding:23px 0 20px}.night-intro h1{font-size:33px}.night-player-link{font-size:9px;gap:6px}.night-player-link .ico:last-child{display:none}.night-kicker{font-size:6px;letter-spacing:2px}.image-carousel{aspect-ratio:1.9;border-radius:8px}.carousel-slide img{object-position:61% center}.carousel-slide:nth-child(2) img{object-position:43% center}.channel-strip{gap:22px;padding:20px 1px}.channel-strip a{font-size:10px;gap:7px}.content-panel .section-heading h2{font-size:21px}.content-panel .section-heading .eyebrow{font-size:6px;letter-spacing:1px}.set-channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.set-channel{aspect-ratio:1}.set-channel-top>span{font-size:7px}.set-channel-bottom h3{font-size:17px}.set-channel-bottom>small{font-size:6px;letter-spacing:1px}.set-channel-bottom{bottom:15px;left:13px}.style-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.style-card-art{aspect-ratio:1.12}.style-card-copy{margin-top:11px}.style-card-copy h3{font-size:13px}.style-card-copy small{font-size:6px;margin-top:5px}.content-panel .media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}.music-tabs{gap:20px;font-size:10px}.list-column-head{font-size:8px;padding:13px 0}.journal-list a{gap:12px}.journal-list a>time{font-size:9px}.journal-list a>span{font-size:10px}.club-player-promo{padding:14px;border-radius:10px}.promo-disc{width:116px;height:116px;margin:18px auto}.promo-disc>span{width:47px;height:47px;font-size:15px}.promo-title{font-size:12px;letter-spacing:0}.promo-link{font-size:8px;margin-top:15px;padding-top:12px}.promo-top>.ico{width:12px;height:12px}.club-video-card{min-height:244px;border-radius:9px}.club-video-card>div{left:15px;bottom:16px}.club-video-card strong{font-size:18px}.club-video-card small{font-size:6px;letter-spacing:1px}.club-video-card>span{width:38px;height:38px;left:calc(50% - 19px);top:calc(50% - 19px)}.club-video-card>span>.ico{width:16px}.turntable{width:min(100%,312px);padding:21px;border-radius:23px}.immersive-layout{margin-top:28px;gap:29px}.deck-topline{font-size:6px;letter-spacing:1.2px;margin-bottom:20px}.deck-platter{margin-bottom:23px}.deck-bottomline{gap:9px}.deck-start{width:36px;height:32px;border-radius:6px}.deck-readout{padding:7px 9px;gap:9px;min-width:89px}.deck-readout time{font-size:14px}.deck-readout span{font-size:5px}.deck-instruction{font-size:7px;gap:5px}.deck-instruction small{font-size:6px}.immersive-info h2{font-size:23px}.immersive-top{position:sticky;top:-20px;background:#0d0d0dee;padding:5px 0;z-index:5;border-radius:4px}.immersive-top>img{width:115px}.immersive-info .seek-line{margin-top:15px}.immersive-controls{margin:19px 0}.mixer-console{padding:16px;gap:22px}.mixer-channel label{font-size:9px}.immersive-bottom .text-link{font-size:10px}.immersive-bottom{padding-top:18px}.mixer-fader{padding:18px 0 13px}}
@media(prefers-reduced-motion:reduce){.vinyl-disc{animation:none}.tonearm,.carousel-slide,.promo-disc,.set-channel>img,.style-card-art>img{transition:none}}

/* Compact 120 x 32 px rectangle; aligned domain and Chinese subtitle. */
.brand img,.immersive-top>img{height:auto;object-fit:contain}
.header-inner .brand img,.site-footer .brand img,.immersive-top>img{width:120px}
.promo-disc>span>img{width:84%;height:auto;display:block}
.promo-disc>span{width:78px;height:78px;font-size:0}
@media(max-width:1200px){.header-inner{gap:23px}.desktop-nav{gap:16px}}
@media(min-width:761px) and (max-width:980px){.header-inner{gap:19px}.desktop-nav{gap:12px}}
@media(max-width:760px){.header-inner .brand img,.immersive-top>img{width:112px}}
@media(max-width:480px){.promo-disc>span{width:59px;height:59px}}

/* Neutral black/white foundation. Violet is reserved for interactive accents. */
:root{--bg:#080808;--panel:#151515;--line:#303030;--text:#f7f7f7;--muted:#acacac;--accent:#a879ff;--control-track:#3a3a3a;color-scheme:dark}
body{background:var(--bg);color:var(--text)}
.site-header{background:#080808f5;border-bottom-color:#292929}
.desktop-nav .nav-item>a{color:#bdbdbd}
.desktop-nav .nav-item>a.active,.desktop-nav .nav-item>a:hover{color:#fff}
.desktop-nav .nav-item>a.active:after{background:var(--accent);box-shadow:none}
.header-tools .ico,.account-link{color:#d9d9d9}.account-link{border-color:#333}
.nav-submenu{background:#141414;border-color:#383838;box-shadow:0 16px 40px #0009}
.desktop-nav .nav-submenu a:hover{background:#262626;color:#fff}
.night-intro h1,.night-intro h1>span{color:#fff}.night-kicker{color:#a8a8a8}
.night-player-link{color:#dedede}.night-player-link .ico:first-child{color:#fff}.night-player-link .ico:last-child{color:#aaa}
.carousel-slide>img,.set-channel>img,.style-card-art>img,.club-video-card>img{filter:none}
.style-card:hover .style-card-art>img,.club-video-card:hover>img{filter:brightness(1.06)}
.image-carousel{background:#141414;box-shadow:0 24px 70px #0007,0 0 0 1px #ffffff12}
.carousel-arrow{background:#080808a6;border-color:#ffffff55;color:#fff}.carousel-arrow:hover{background:#ffffff;color:#080808;border-color:#fff}
.carousel-controls{background:#080808bb}.carousel-dots button[aria-pressed=true]:after{background:#fff;box-shadow:none}
.channel-strip{border-color:#303030}.channel-strip a{color:#d0d0d0}.channel-strip .ico{color:#c4c4c4}.channel-strip a:hover,.channel-strip a:hover .ico{color:#fff}
.content-panel .section-heading h2{color:#fff}.content-panel .section-heading .eyebrow{color:#969696}.content-panel .section-heading .text-link{color:#b5b5b5}.content-panel .section-heading .text-link:hover{color:#fff}
.set-channel:after{background:linear-gradient(180deg,#0003,transparent 30%,#0001 48%,#080808ed)}.set-channel-bottom,.set-channel-top{color:#fff}.set-channel-bottom>small{color:#d7d7d7}
.style-card-copy h3{color:#f0f0f0}.style-card-copy small{color:#a0a0a0}.style-card-art>span{color:#fff;border-color:#ffffff66;background:#080808a8}
.music-tabs{border-color:#303030}.music-tabs a{color:#aaa}.music-tabs a.current{color:#fff;border-bottom-color:var(--accent)}
.list-column-head,.track-date,.track-number{color:#a1a1a1}.track-title{color:#e6e6e6}.track-category{color:#b5b5b5}.track-row:hover{background:#ffffff06}.track-row.is-current .track-title{color:var(--accent)}.track-row .icon-button{color:#bbb}
.empty-state strong{color:#b7b7b7}.empty-state p{color:#aaa}.empty-state a{color:#ddd}.journal-list a{color:#d0d0d0}.journal-list a>time,.journal-list .ico{color:#aaa}
.club-player-promo{background:linear-gradient(145deg,#242424,#101010 70%);border-color:#454545}
.promo-top small,.promo-top>.ico{color:#bcbcbc}
.promo-disc{border-color:#777;box-shadow:0 0 0 7px #101010,0 0 0 8px #77777780,0 12px 28px #0008}
.promo-disc>span{background:#ededed;color:#101010;box-shadow:inset 0 0 0 2px #ffffff80}.promo-disc>span>img{filter:brightness(0)}
.promo-title{color:#fff}.promo-link{color:#c8c8c8;border-color:#404040}.promo-link>.ico{color:var(--accent)}
.button.primary{background:#7135dc;border-color:#925bf0;color:#fff}.button.primary:hover{background:#8043e7;color:#fff}
.button.ghost{color:#e6e6e6;border-color:#555;background:#191919}.button.ghost:hover{border-color:#aaa}
.chips>a:hover,.chips>button:hover{border-color:#777;color:#fff;background:#282828}.chips .current,.chips .active{border-color:var(--accent);color:#fff;background:#252525}
.text-link{color:#c7c7c7}.text-link:hover,.chart-tabs a.active{color:var(--accent)}.chart-periods a.current{color:#fff;border-bottom-color:var(--accent)}
.player-bar{background:#101010f5;border-color:#484848;box-shadow:0 -8px 40px #0006;color:#f0f0f0}
.now-info strong{color:#f5f5f5}.now-info span{color:#aaa}.player-bar .icon-button{color:#ccc}.player-bar .icon-button:disabled{color:#737373}
.transport .play-button,.immersive-controls .play-button{background:#f5f5f5;color:#101010;box-shadow:none}
.player-bar .play-button:disabled,.immersive-controls .play-button:disabled{background:#353535;color:#999;opacity:1}
.player-bar .queue-count{color:#bbb}.transport .icon-button.is-on,.immersive-controls .icon-button.is-on{color:var(--accent)}
input[type=range]{background:var(--control-track)}
input[type=range]::-webkit-slider-thumb{background:#eee;box-shadow:none}
input[type=range]::-moz-range-thumb{background:#eee;box-shadow:none}
.volume-range{accent-color:var(--accent)}
.mobile-nav{background:#101010;border-color:#3c3c3c}.mobile-nav a{color:#aaa}.mobile-nav a.active{color:#fff}.mobile-nav a.active .ico{color:var(--accent)}
.search-dialog,.queue-dialog{background:#141414;border-color:#505050}.search-dialog h2,.queue-dialog h2{color:#fff}
.search-field{border-color:#666;background:#080808}.search-field input{color:#fff}.search-field input::placeholder{color:#aaa}.search-dialog p,.queue-empty{color:#b5b5b5}.queue-item.current{color:var(--accent)}
.toast{background:#f0f0f0;color:#101010;box-shadow:0 8px 35px #0009}
.immersive-dialog{isolation:isolate;background:#080808}
.immersive-dialog:before{content:"";position:fixed;inset:0;z-index:-1;background:url('/skin/dj25/assets/night-floor.webp') center/cover;filter:brightness(.3);opacity:.18;pointer-events:none}
.immersive-top{background:transparent}.immersive-info h2{color:#fff}.immersive-info>[data-player-subtitle]{color:#b5b5b5}.immersive-info>.eyebrow{color:#aaa}.immersive-controls .icon-button{color:#ccc}
.turntable{background:linear-gradient(145deg,#303030,#111 43%,#191919);color:#dedede;border-color:#666;box-shadow:0 30px 65px #0009,inset 0 1px 0 #ffffff26,0 5px 0 #030303}
.deck-topline{color:#ccc}.deck-live{color:#777}.is-playing .deck-live{color:var(--accent);text-shadow:0 0 10px #a879ff88}
.deck-grooves{background:conic-gradient(from 15deg,#999,#303030 18%,#eee 30%,#454545 40%,#484848 55%,#bdbdbd 70%,#252525 82%,#999);border-color:#727272;box-shadow:0 0 0 1px #bbbbbb8f,0 0 0 6px #111,0 0 0 7px #7779,0 10px 20px #0008}
.vinyl-label{border-color:#aaa;box-shadow:0 0 0 5px #080808}.vinyl-spindle{background:#555;border-color:#e8e8e8}
.tonearm-shaft{background:linear-gradient(90deg,#555,#f2f2f2 40%,#aaa 65%,#333)}.tonearm-head{border-bottom-color:#aaa}
.deck-strobe{background:var(--accent);box-shadow:0 0 10px #a879ff55}
.deck-start{background:linear-gradient(#eee,#bdbdbd);border-color:#fff9;color:#101010;box-shadow:inset 0 1px 0 #fff8,0 3px 10px #0008}
.deck-readout{background:#080808;border-color:#555;color:#f0f0f0}.deck-readout span{color:#aaa}.deck-instruction{color:#ccc}.deck-instruction small{color:#999}
.mixer-console{background:#161616;border-color:#484848}.mixer-channel label{color:#e5e5e5}.mixer-channel label span{color:#fff}.mixer-scale{color:#aaa}
.mixer-fader input::-webkit-slider-thumb{background:#eee;border-color:#aaa;box-shadow:none}.mixer-fader input::-moz-range-thumb{background:#eee;border-color:#aaa;box-shadow:none}
.site-footer{border-color:#303030}.site-footer p{color:#aaa}.footer-links{color:#bbb}.footer-links a:hover{color:#fff}.footer-end{color:#999;border-color:#292929}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:480px){.immersive-top{background:#101010f5}}

/* CMS-managed partner links, directly above the site information. */
.friend-links{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:24px;margin-top:36px;padding:26px 0;border-top:1px solid var(--line)}
.friend-links-heading{display:flex;align-items:center;gap:13px;min-height:32px}
.friend-links-heading h2{margin:0;font-size:15px;font-weight:600;letter-spacing:.5px;color:var(--text);white-space:nowrap}
.friend-links-heading>span{font:8px var(--mono);letter-spacing:1.5px;color:#888}
.friend-links-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;min-width:0}
.friend-links-list>a{display:inline-flex;align-items:center;gap:9px;min-height:32px;max-width:100%;padding:4px 0;font-size:12px;line-height:1.6;color:#bdbdbd;transition:color .2s}
.friend-links-list>a>span{min-width:0;overflow-wrap:anywhere}
.friend-links-list .ico{width:12px;height:12px;flex-shrink:0;color:#777;transform:rotate(-35deg);transition:color .2s}
.friend-links-list>a:hover,.friend-links-list>a:focus-visible{color:#fff}
.friend-links-list>a:hover .ico,.friend-links-list>a:focus-visible .ico{color:var(--accent)}
.friend-links-list:empty:before{content:"暂无友情链接";font-size:12px;line-height:32px;color:var(--muted)}
.friend-links+.site-footer{margin-top:0}
@media(max-width:760px){.friend-links{grid-template-columns:1fr;gap:12px;margin-top:30px;padding:22px 0}.friend-links-list{gap:8px 24px}.friend-links-heading{min-height:24px}.friend-links-heading h2{font-size:14px}}