:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0b;--ink:244,244,245;--surface:24,24,27;--accent:oklch(75% .21 56);--accent-ink:#0d0d0d;--play-rgb:255,129,0;--play:rgb(var(--play-rgb));--on-play:var(--accent-ink);--icon-invert:1;--gutter:max(64px, calc((100% - 996px) / 2));--player-shadow:0 -8px 16px #000000d9}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eceae6;--ink:28,27,26;--surface:255,255,255;--accent:oklch(63% .19 52);--accent-ink:#fff;--play-rgb:221,93,0;--icon-invert:0;--player-shadow:0 -6px 14px #1c1b1a1f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{background:var(--bg);color:rgba(var(--ink),.92);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font-family:Montserrat,sans-serif;transition:background-color .35s,color .35s;overflow:hidden}::view-transition-old(root){animation-duration:.35s;animation-timing-function:ease}::view-transition-new(root){animation-duration:.35s;animation-timing-function:ease}html.vt-native body,html.vt-native .header,html.vt-native .player{transition-property:none}input,button,select,textarea{font-family:Montserrat,sans-serif}a:focus-visible,button:focus-visible,input:focus-visible,[role=button]:focus-visible,[role=slider]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}#bg{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;top:0;left:0}#app{z-index:1;height:100dvh;height:var(--app-h,100dvh);flex-direction:column;display:flex;position:relative}.header{padding:0 var(--gutter);background:rgba(var(--surface),.55);-webkit-backdrop-filter:blur(18px)saturate(120%);border-bottom:1px solid rgba(var(--ink),.09);flex-shrink:0;justify-content:center;align-items:center;height:48px;transition:background-color .35s,border-color .35s;display:flex;position:relative}.logo{letter-spacing:.24em;text-transform:uppercase;color:var(--accent);padding-left:.24em;font-size:16px;font-weight:700}.header-side{align-items:center;gap:14px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.header-side.left{left:var(--gutter)}.header-side.right{right:var(--gutter)}.nav-link{cursor:pointer;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--ink),.48);white-space:nowrap;background:0 0;border:none;margin:-13px -8px;padding:13px 8px;font-family:inherit;font-size:11px;font-weight:600;transition:color .15s}.nav-link:hover,.nav-link.on{color:var(--accent)}.theme-toggle{cursor:pointer;color:rgba(var(--ink),.5);background:0 0;border:none;justify-content:center;align-items:center;margin:-5px;padding:11px;line-height:0;transition:color .15s;display:flex}.theme-toggle:hover{color:rgba(var(--ink),.95)}.theme-toggle .ic-sun,:root[data-theme=light] .theme-toggle .ic-moon{display:none}:root[data-theme=light] .theme-toggle .ic-sun{display:block}.view-heading{letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--ink),.95);padding:16px 0 10px 20px;font-size:11px;font-weight:700}.breadcrumb{padding:16px var(--gutter) 10px;letter-spacing:.12em;text-transform:lowercase;align-items:center;gap:6px;font-size:13px;display:flex}.breadcrumb button{cursor:pointer;color:rgba(var(--ink),.65);letter-spacing:.12em;text-transform:lowercase;background:0 0;border:none;padding:0;font-size:13px;transition:color .15s}.breadcrumb button:hover{color:rgba(var(--ink),.95)}.breadcrumb .back-arrow{color:rgba(var(--ink),.65)}.breadcrumb .sep{color:rgba(var(--ink),.35);font-size:12px}.breadcrumb .current{font:inherit;color:rgba(var(--ink),.95);text-transform:lowercase;margin:0;font-weight:600;display:inline}.breadcrumb .count{color:var(--accent);margin-left:4px;font-size:13px;font-weight:600}.breadcrumb .count-label{color:rgba(var(--ink),.95)}.back-arrow{cursor:pointer;color:rgba(var(--ink),.38);background:0 0;border:none;align-items:center;margin-right:4px;padding:4px;transition:color .15s;display:flex}.back-arrow:hover{color:rgba(var(--ink),.95)}.search-toggle{cursor:pointer;color:rgba(var(--ink),.5);background:0 0;border:none;justify-content:center;align-items:center;margin:-5px;padding:11px;line-height:0;transition:color .15s;display:flex}.hpanel-scrim{z-index:45;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000052;justify-content:center;align-items:flex-start;padding:90px 20px 20px;animation:.16s hpanel-fade;display:flex;position:fixed;inset:0;overflow-y:auto}@media (height<=420px){.hpanel-scrim{padding-top:24px}}@keyframes hpanel-fade{0%{opacity:0}to{opacity:1}}.hpanel{background:rgba(var(--surface),.97);-webkit-backdrop-filter:blur(20px)saturate(120%);border:1px solid rgba(var(--ink),.12);border-radius:16px;width:100%;max-width:460px;padding:22px 24px 24px;animation:.2s cubic-bezier(.32,.72,.28,1) hpanel-rise;box-shadow:0 24px 60px #0006}@keyframes hpanel-rise{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.hpanel-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.hpanel-ttl{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.hpanel-x{cursor:pointer;color:rgba(var(--ink),.4);background:0 0;border:none;margin:-10px;padding:12px;line-height:0;transition:color .15s}.hpanel-x:hover{color:rgba(var(--ink),.9)}.hpanel p{color:rgba(var(--ink),.82);font-size:14px;line-height:1.6}.hpanel p+p{margin-top:10px}.hpanel-link{color:var(--accent);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:rgba(var(--play-rgb),.5);text-decoration-color:rgba(var(--play-rgb),.5);transition:text-decoration-color .15s}.hpanel-link:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.search-toggle:hover{color:rgba(var(--ink),.95)}.search-bar{padding:14px var(--gutter) 10px;align-items:center;gap:12px;display:flex}.search-bar>svg{color:rgba(var(--ink),.42);flex-shrink:0}#search-input{min-width:0;color:rgba(var(--ink),.95);letter-spacing:.01em;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:19px}#search-input::placeholder{color:rgba(var(--ink),.32)}.search-count{letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--ink),.42);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:600}.search-clear{cursor:pointer;color:rgba(var(--ink),.45);background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:24px;line-height:1;transition:color .15s}.search-clear:hover{color:rgba(var(--ink),.95)}.track-context{letter-spacing:.07em;text-transform:lowercase;color:rgba(var(--ink),.38);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;font-weight:600;overflow:hidden}.track-context .sep{color:var(--accent);opacity:.85;margin:0 6px}.track-context a{color:inherit;text-decoration:none}.track-context a:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.search-empty,.search-hint{text-align:center;color:rgba(var(--ink),.42);padding:48px 8px;font-size:15px;line-height:1.5}.search-try{color:rgba(var(--ink),.42);margin-top:16px;font-size:13px;display:block}.try-chip{border:1px solid rgba(var(--ink),.18);cursor:pointer;color:rgba(var(--ink),.65);background:0 0;border-radius:999px;margin-left:8px;padding:4px 13px;font-family:inherit;font-size:12px;transition:color .15s,border-color .15s}.try-chip:hover{color:var(--accent);border-color:var(--accent)}.search-keys{letter-spacing:.04em;color:rgba(var(--ink),.32);margin-top:14px;font-size:12px;display:block}.search-keys kbd{font:inherit;border:1px solid rgba(var(--ink),.18);border-radius:4px;margin:0 1px;padding:1px 6px}@media (hover:none) and (pointer:coarse){.search-keys{display:none}}.main::-webkit-scrollbar{width:4px}.main::-webkit-scrollbar-track{background:0 0}.main::-webkit-scrollbar-thumb{background:rgba(var(--ink),.15);border-radius:2px}.main::-webkit-scrollbar-thumb:hover{background:rgba(var(--ink),.28)}.main{scrollbar-width:thin;scrollbar-color:rgba(var(--ink),.15) transparent;padding:0 var(--gutter) 32px;background:0 0;flex:1;width:100%;overflow-y:auto}.genres-view{flex-direction:column;justify-content:flex-start;min-height:100%;padding:clamp(36px,10vh,104px) 0 32px;display:flex}.masthead{text-align:center;max-width:620px;margin:0 auto 30px;padding:0 16px}.masthead-line{color:rgba(var(--ink),.88);letter-spacing:.01em;font-size:clamp(18px,2.3vw,24px);font-weight:400;line-height:1.4}.masthead-stats{letter-spacing:.16em;text-transform:lowercase;color:rgba(var(--ink),.42);margin-top:16px;font-size:11px;font-weight:600}.masthead-stats .num{color:var(--accent);font-size:10px}.masthead-stats .dot{color:rgba(var(--ink),.26);margin:0 9px}.masthead-stats .stat{white-space:nowrap}.card-grid{grid-template-columns:1fr;margin-top:0;display:grid}.card-grid.grid-mode{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.card{background:rgba(var(--surface),.65);border:1px solid rgba(var(--ink),.12);cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;padding:18px 20px;transition:background .15s;display:flex}.card-grid.grid-mode .card{border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;padding:28px 20px}.card:hover{background:rgba(var(--ink),.1)}.card-name{text-overflow:ellipsis;white-space:nowrap;text-transform:lowercase;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.live-dot{background:var(--accent);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:9px;animation:1.8s ease-out infinite live-pulse;display:inline-block}@keyframes live-pulse{0%{box-shadow:0 0 0 0 rgba(var(--play-rgb),.45)}70%{box-shadow:0 0 0 7px rgba(var(--play-rgb),0)}to{box-shadow:0 0 0 0 rgba(var(--play-rgb),0)}}.card-styles{min-width:0;color:rgba(var(--ink),.45);white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 14px;font-size:12.5px;font-weight:500;overflow:hidden}.card-meta{color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;padding-left:14px;font-size:12.5px;font-weight:600}.card-meta-label{color:rgba(var(--ink),.55);font-weight:500}.card-meta.is-dual{grid-template-columns:2ch 3.3em 1.5em 3ch 3.2em;align-items:baseline;display:inline-grid}.card-meta.is-dual .cm-num{text-align:right}.card-meta.is-dual .card-meta-label{text-align:left;white-space:nowrap;padding-left:.45em}.card-meta.is-dual .cm-sep{text-align:center;color:rgba(var(--ink),.28);font-weight:400}.style-desc-wrap{cursor:pointer;padding:4px 0 12px}.style-desc{color:rgba(var(--ink),.69);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;line-height:1.55;display:-webkit-box;overflow:hidden}.style-desc.expanded{-webkit-line-clamp:unset;display:block}.desc-toggle{cursor:pointer;color:rgba(var(--ink),.45);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:none;margin:-6px -8px -10px;padding:10px 8px;font-family:inherit;font-size:11px;transition:color .15s}.style-desc-wrap:hover .style-desc{color:rgba(var(--ink),.84);transition:color .15s}.style-desc-wrap:hover .desc-toggle{color:var(--accent)}.track-row{border-bottom:1px solid rgba(var(--ink),.09);cursor:pointer;border-radius:0;align-items:center;gap:14px;padding:14px 22px 14px 0;transition:background .12s,padding .12s,margin .12s,border-radius .12s,border-color .12s;display:flex}.track-row:hover{background:rgba(var(--ink),.06);border-bottom-color:#0000;border-radius:16px;margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:32px}.track-row.playing{background:rgba(var(--play-rgb),.07);box-shadow:inset 3px 0 0 var(--play);border-bottom-color:#0000;border-radius:16px;margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:32px}:root[data-theme=light] .track-row.playing{background:rgba(var(--play-rgb),.1)}:is(.track-row:has(+.track-row:hover),.track-row:has(+.track-row.playing)){border-bottom-color:#0000}.track-num{text-align:center;font-variant-numeric:tabular-nums;width:18px;color:rgba(var(--ink),.4);flex-shrink:0;font-size:12px}.track-num.active{color:var(--accent);font-weight:700}.track-cover{background:rgba(var(--ink),.06);border-radius:4px;flex-shrink:0;width:40px;height:40px;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000040}.track-cover img,.track-cover .cover-ph{object-fit:cover;width:100%;height:100%;display:block}.cover-state{color:#fff;opacity:0;background:#0000006b;justify-content:center;align-items:center;transition:opacity .12s;display:flex;position:absolute;inset:0}.track-row:hover .cover-state,.track-row.playing .cover-state{opacity:1}.eq{align-items:flex-end;gap:2px;height:14px;display:flex}.eq i{background:var(--accent);border-radius:1px;width:3px;height:4px;animation:.9s ease-in-out infinite eq-bar}.eq i:first-child{animation-delay:-.2s}.eq i:nth-child(2){animation-delay:-.5s}@keyframes eq-bar{0%,to{height:4px}50%{height:13px}}.cover-ph{position:relative}.cover-ph:after{content:"";background:var(--bg);border-radius:50%;width:10%;height:10%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #00000038}.cover-tpl-0{background-color:#6d3a33;background-image:conic-gradient(from 318deg, #ffffff57 0 2.6deg, transparent 2.6deg), linear-gradient(135deg, oklch(45% .11 25), oklch(28% .08 20))}.cover-tpl-1{background-color:#7a4038;background-image:radial-gradient(circle at 50% 13%,#ffffff61 0 6.5%,#0000 7.3%),linear-gradient(135deg,oklch(52% .13 30),oklch(33% .09 25))}.cover-tpl-2{background-color:#5f3349;background-image:conic-gradient(from 318deg, #ffffff57 0 2.6deg, transparent 2.6deg), linear-gradient(135deg, oklch(44% .09 340), oklch(28% .06 335))}.cover-tpl-3{background-color:#6b3a4d;background-image:radial-gradient(circle at 50% 13%,#ffffff61 0 6.5%,#0000 7.3%),linear-gradient(135deg,oklch(50% .1 350),oklch(32% .07 345))}.cover-tpl-4{background-color:#3c445c;background-image:conic-gradient(from 318deg, #ffffff57 0 2.6deg, transparent 2.6deg), linear-gradient(135deg, oklch(44% .05 255), oklch(27% .035 250))}.cover-tpl-5{background-color:#464b68;background-image:radial-gradient(circle at 50% 13%,#ffffff61 0 6.5%,#0000 7.3%),linear-gradient(135deg,oklch(50% .05 265),oklch(31% .04 258))}.cover-tpl-6{background-color:#33584e;background-image:conic-gradient(from 318deg, #ffffff57 0 2.6deg, transparent 2.6deg), linear-gradient(135deg, oklch(46% .06 175), oklch(29% .04 172))}.cover-tpl-7{background-color:#3a6357;background-image:radial-gradient(circle at 50% 13%,#ffffff61 0 6.5%,#0000 7.3%),linear-gradient(135deg,oklch(52% .07 180),oklch(33% .05 176))}.cover-tpl-8{background-color:#414463;background-image:conic-gradient(from 318deg, #ffffff57 0 2.6deg, transparent 2.6deg), linear-gradient(135deg, oklch(44% .06 282), oklch(27% .04 278))}.cover-tpl-9{background-color:#4b4c6e;background-image:radial-gradient(circle at 50% 13%,#ffffff61 0 6.5%,#0000 7.3%),linear-gradient(135deg,oklch(50% .06 290),oklch(31% .045 285))}.play-dot{border:1.5px solid rgba(var(--ink),.12);width:28px;height:28px;color:rgba(var(--ink),.58);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:500;transition:all .15s;display:flex}.play-dot.active{background:var(--play);border-color:var(--play);color:var(--on-play)}.track-row:hover .play-dot{border-color:rgba(var(--ink),.4);color:rgba(var(--ink),.95)}.track-row:hover .play-dot.active{border-color:rgba(var(--ink),.4)}.icons-col{flex-direction:row;flex-shrink:0;align-items:center;gap:14px;display:flex}.icon-link{color:rgba(var(--ink),.45);align-items:center;margin:-7px;padding:7px;line-height:0;text-decoration:none;transition:color .15s;display:flex;position:relative}.icon-link:hover{color:rgba(var(--ink),.95)}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);background:rgba(var(--surface),.62);-webkit-backdrop-filter:blur(12px)saturate(120%);width:max-content;color:rgba(var(--ink),.72);border:1px solid rgba(var(--ink),.08);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;z-index:10;border-radius:7px;padding:5px 9px;font-size:9px;font-weight:600;transition:opacity .16s 80ms,transform .16s 80ms;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)translateY(3px);box-shadow:0 6px 18px #0003}[data-tip]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.icon-link img{opacity:.55;transition:opacity .1s}.track-row:hover .icon-link img{opacity:.75}.icon-link:hover img{opacity:1!important}.track-info{flex:1;min-width:0}.track-title{white-space:nowrap;text-overflow:ellipsis;color:rgba(var(--ink),.8);font-size:16px;font-weight:400;transition:color .15s;overflow:hidden}.track-title.active{font-weight:600}.track-artist{color:rgba(var(--ink),.6);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:14px;transition:color .15s;overflow:hidden}:root[data-theme=light] .track-title{color:rgba(var(--ink),.92)}:root[data-theme=light] .track-artist{color:rgba(var(--ink),.68)}.track-row:hover .track-title{color:rgba(var(--ink),.98)}.track-row:hover .track-artist{color:rgba(var(--ink),.75)}.track-dur{color:rgba(var(--ink),.48);font-variant-numeric:tabular-nums;letter-spacing:.02em;flex-shrink:0;font-size:12.5px}.track-year{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}.track-year:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.track-title mark,.track-artist mark{color:rgba(var(--ink),.98);background:0 0;font-weight:700}.random-style-btn{cursor:pointer;color:rgba(var(--ink),.69);letter-spacing:.12em;text-transform:lowercase;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:color .15s;display:flex}.random-style-btn:hover{color:rgba(var(--ink),.95)}.random-icon{opacity:.75;transition:opacity .15s}.random-style-btn:hover .random-icon{opacity:1}.back-to-top{z-index:5;background:rgba(var(--surface),.78);-webkit-backdrop-filter:blur(18px)saturate(120%);border:1px solid rgba(var(--ink),.14);width:42px;height:42px;color:rgba(var(--ink),.85);cursor:pointer;opacity:0;pointer-events:none;visibility:hidden;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .2s,transform .2s,background .15s,border-color .15s,visibility 0s .2s;display:flex;position:fixed;bottom:112px;right:max(8px,50% - 584px);transform:translateY(10px)}.back-to-top.visible{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .2s,transform .2s,background .15s,border-color .15s,visibility;transform:translateY(0)}.back-to-top:hover{border-color:rgba(var(--ink),.28);color:rgba(var(--ink),.95);background:#282828eb}.player{background:rgba(var(--surface),.72);-webkit-backdrop-filter:blur(18px)saturate(120%);border-top:1px solid rgba(var(--ink),.09);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-height:70px;transition:background-color .35s,border-color .35s;display:flex}.player-progress{cursor:pointer;touch-action:none;flex-shrink:0;align-items:center;gap:10px;width:100%;height:12px;display:flex;position:relative}.seek-bubble{background:rgba(var(--surface),.95);border:1px solid rgba(var(--ink),.12);color:rgba(var(--ink),.85);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;z-index:6;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:700;position:absolute;bottom:calc(100% + 8px);transform:translate(-50%);box-shadow:0 4px 14px #00000040}.seek-tick{background:rgba(var(--ink),.4);pointer-events:none;width:1px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.player-progress .pp-time{color:rgba(var(--ink),.6);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px;display:none}.player-progress .scrub-rail{background:rgba(var(--ink),.14);border-radius:0;flex:1;height:3px;transition:height .12s;position:relative}.player-progress:hover .scrub-rail{height:5px}.player-progress .scrub-fill{background:linear-gradient(to right, rgba(var(--play-rgb),.35), var(--play));border-radius:0;transition:width .25s linear}.player-progress.seeking .scrub-fill{transition:none}.player-progress .scrub-fill:after{opacity:0;transition:opacity .12s}.player-progress:hover .scrub-fill:after{opacity:1}.player-main{width:100%;padding:8px var(--gutter) 10px;touch-action:pan-y;align-items:center;gap:20px;min-height:60px;transition:transform .18s;display:flex}.player-time{font-variant-numeric:tabular-nums;color:rgba(var(--ink),.55);flex-shrink:0;align-items:center;gap:4px;font-size:12px;display:flex}.player-time .pt-cur{color:rgba(var(--ink),.72)}.player-time .pt-cur.clickable{cursor:pointer;transition:color .15s}.player-time .pt-cur.clickable:hover{color:rgba(var(--ink),.95)}.player-time .pt-sep{opacity:.4}.player-time .pt-tot{opacity:.85}.player-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.player-right{flex:1;justify-content:flex-end;align-items:center;gap:20px;min-width:0;display:flex}.player-info{min-width:0;max-width:340px}.player-random{cursor:pointer;opacity:.5;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;line-height:0;transition:opacity .15s;display:flex}.player-random:hover{opacity:.92}.player-random svg{width:26px;height:26px}.deck{flex-shrink:0;align-items:center;gap:10px;display:flex}.player-cover{background:rgba(var(--ink),.08);border-radius:50%;flex-shrink:0;width:52px;height:52px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000073,inset 0 0 0 1px #ffffff0f}.player-cover img,.player-cover .cover-ph{object-fit:cover;width:100%;height:100%;display:block}.player-cover .vinyl-hole,.np-vinyl .vinyl-hole{background:var(--bg);border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #00000038}.platter-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:0;line-height:0;display:block}.np-platter{margin-bottom:28px}.np-platter .np-vinyl{margin-bottom:0}.pitch-fader{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;width:30px;height:52px;position:relative}.pf-rail{background:rgba(var(--ink),.16);width:2px;position:absolute;top:2px;bottom:2px;left:50%;transform:translate(-50%)}.pf-notch{background:rgba(var(--ink),.3);height:1px;position:absolute;top:50%;left:6px;right:6px}.pf-cap{width:30px;height:14px;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.02em;background:#26262b;border:1px solid #ffffff24;border-radius:3px;justify-content:center;align-items:center;font-size:8.5px;font-weight:700;line-height:1;transition:top 80ms,left 80ms;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0006}.pf-cap.zero{color:#ffffff73}.pitch-fader.active .pf-cap{transition:none}.pitch-fader:hover .pf-rail,.pitch-fader.active .pf-rail{background:rgba(var(--ink),.26)}.pitch-fader.horiz{width:100%;height:32px}.pitch-fader.horiz .pf-rail{width:auto;height:2px;inset:50% 2px auto;transform:translateY(-50%)}.pitch-fader.horiz .pf-notch{width:1px;height:auto;inset:8px auto 8px 50%;transform:translate(-50%)}.pitch-fader.horiz .pf-cap{top:50%;transform:translateY(-50%)}.player-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-track{min-width:0}.player-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.player-artist{color:rgba(var(--ink),.69);margin-top:3px;font-size:13px}.controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.ctrl-btn{color:rgba(var(--ink),.65);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex}.ctrl-btn:hover{color:rgba(var(--ink),.95)}.play-btn{background:var(--play);appearance:none;width:38px;height:38px;color:var(--on-play);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;padding:0;transition:opacity .15s;position:relative}.play-btn:hover{opacity:.85}.play-btn .ic-p{transition:opacity .14s,transform .14s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.play-btn .ic-pause{opacity:0;transform:translate(-50%,-50%)scale(.55)}.play-btn.is-playing .ic-pause{opacity:1;transform:translate(-50%,-50%)scale(1)}.play-btn.is-playing .ic-play{opacity:0;transform:translate(-50%,-50%)scale(.55)}.scrub-rail{background:rgba(var(--ink),.12);border-radius:2px;height:3px;position:relative}.scrub-fill{background:var(--play);pointer-events:none;border-radius:2px;height:100%;position:absolute;top:0;left:0}.scrub-fill:after{content:"";background:var(--play);border-radius:50%;width:13px;height:13px;position:absolute;top:50%;right:-6.5px;transform:translateY(-50%)}.ctl{flex-shrink:0;align-items:center;gap:9px;display:flex}.ctl-icon{cursor:pointer;color:rgba(var(--ink),.5);background:0 0;border:none;align-items:center;padding:0;line-height:0;transition:color .15s;display:flex}.ctl-icon:hover{color:rgba(var(--ink),.92)}.ctl-icon svg{width:19px;height:19px}.ctl-val{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--accent);text-align:right;min-width:2.1em;font-size:12px;font-weight:700}input[type=range]{appearance:none;cursor:pointer;border-radius:1px;width:84px;height:2px}input[type=range]:focus:not(:focus-visible){outline:none}input[type=range].vol-slider{background:linear-gradient(to right, rgba(var(--play-rgb),.3) 0%, var(--play) 80%, rgba(var(--play-rgb),.15) 80%, rgba(var(--play-rgb),.08) 100%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--play);cursor:pointer;border:none;border-radius:50%;width:13px;height:13px}input[type=range]::-moz-range-thumb{background:var(--play);cursor:pointer;border:none;border-radius:50%;width:13px;height:13px}.site-foot{text-align:center;margin-top:auto;padding:44px 0 6px}.sf-line{letter-spacing:.16em;text-transform:lowercase;color:rgba(var(--ink),.42);font-size:10.5px;font-weight:600}.sf-line .dot{color:rgba(var(--ink),.25);margin:0 8px}.np-sheet{z-index:40;background:var(--bg);padding:calc(10px + env(safe-area-inset-top,0px)) 30px calc(26px + env(safe-area-inset-bottom,0px));touch-action:none;flex-direction:column;align-items:center;transition:transform .32s cubic-bezier(.32,.72,.28,1);display:none;position:fixed;inset:0;transform:translateY(103%)}.np-sheet.open{transform:translateY(0)}.np-sheet.dragging{transition:none}.np-grab{background:rgba(var(--ink),.22);cursor:pointer;border:none;border-radius:3px;flex-shrink:0;width:40px;height:5px;margin:8px auto 0;padding:0}.np-body{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:380px;display:flex}.np-vinyl{aspect-ratio:1;background:rgba(var(--ink),.08);border-radius:50%;width:min(62vw,250px);margin-bottom:28px;position:relative;overflow:hidden;box-shadow:0 14px 40px #00000080,inset 0 0 0 1px #ffffff0f}.np-vinyl img,.np-vinyl .cover-ph{object-fit:cover;width:100%;height:100%;display:block}.np-vinyl .vinyl-hole{width:13px;height:13px}.np-title{text-align:center;max-width:100%;font-size:17px;font-weight:600}.np-artist{color:rgba(var(--ink),.62);text-align:center;margin-top:4px;font-size:13.5px}.np-seek{cursor:pointer;touch-action:none;width:100%;margin-top:26px;padding:8px 0}.np-seek .scrub-rail{height:4px}.np-times{color:rgba(var(--ink),.55);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.np-transport{align-items:center;gap:34px;margin-top:16px;display:flex}.np-transport .ctrl-btn{padding:8px}.play-btn.np-play{width:56px;height:56px}.np-pitch{width:100%;margin-top:26px}.np-pitch-lab{letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--ink),.45);justify-content:space-between;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.np-pitch-lab b{color:var(--accent);font-variant-numeric:tabular-nums}.np-pitch-lab b.zero{color:rgba(var(--ink),.45)}.np-passport{letter-spacing:.14em;text-transform:uppercase;width:100%;color:rgba(var(--ink),.5);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:10px;margin-top:30px;font-size:11px;font-weight:600;display:flex}.np-passport .np-dot{color:rgba(var(--ink),.28)}.np-passport .np-style{color:rgba(var(--ink),.5);border-bottom:1px solid rgba(var(--ink),.18);white-space:nowrap;text-overflow:ellipsis;max-width:60vw;padding-bottom:1px;text-decoration:none;overflow:hidden}.np-passport .np-style:hover,.np-passport .np-style:active{color:var(--accent);border-bottom-color:var(--accent)}.np-links{align-items:center;gap:16px;margin-left:8px;line-height:0;display:flex}.np-links a{margin:-8px;padding:8px;line-height:0;display:inline-flex}.np-links img{opacity:.6}@media (height<=620px){.np-vinyl{margin-bottom:20px}.np-seek,.np-pitch{margin-top:18px}.np-passport{margin-top:20px}}@media (height<=500px){.np-vinyl{width:min(24vh,250px);margin-bottom:6px}.np-title{font-size:14px}.np-artist{margin-top:2px;font-size:12px}.np-seek{margin-top:10px}.np-transport{gap:26px;margin-top:8px}.play-btn.np-play{width:44px;height:44px}.np-pitch,.np-passport{margin-top:10px}}.player-track.to-row{cursor:pointer}.player-track.to-row:hover .player-title{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:rgba(var(--ink),.4);text-decoration-color:rgba(var(--ink),.4)}@media (width<=768px){:root{--gutter:14px}.header{padding:0 var(--gutter);height:44px}.search-bar{padding:12px var(--gutter) 8px}#search-input{font-size:16px}.masthead-line{font-size:18px}.masthead{margin-bottom:22px}.logo{letter-spacing:.16em;padding-left:4px;font-size:14px}.breadcrumb{padding:12px var(--gutter) 8px;flex-wrap:wrap;gap:5px;font-size:11px}.breadcrumb button,.breadcrumb .sep,.breadcrumb .count{font-size:11px}.view-heading{padding:14px 0 8px 4px}.main{padding:0 var(--gutter) 16px}.player{z-index:2;box-shadow:var(--player-shadow);position:relative}.card{border-radius:12px;padding:14px 16px}.card-styles{display:none}.card-grid.grid-mode{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.card-grid.grid-mode .card{padding:22px 14px}.style-desc{font-size:14px}.track-row{gap:12px;padding:12px 4px 12px 0}.track-title{font-size:13px}.track-row:hover{background:0 0;border-radius:0;margin-left:0;margin-right:0;padding-left:0;padding-right:4px}.track-row.playing{margin-left:0;margin-right:0}.icons-col{gap:14px}.track-row .play-dot{color:rgba(var(--ink),.7)}.icon-link img{opacity:.75}[data-tip]:hover:after{display:none}@media (width<=400px){.track-dur{display:none}}.player{min-height:auto}.player-main{padding:9px var(--gutter) 5px;order:1;justify-content:space-between;align-items:center;gap:12px;min-height:auto;display:flex}.player-left{flex:1;gap:10px;min-width:0}.player-cover{width:40px;height:40px}.deck{gap:0}.deck .pitch-fader{display:none}.np-sheet{display:flex}.player-random svg{width:22px;height:22px}.player-info{min-width:0;overflow:hidden}.player-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.player-artist{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.player-right{display:none}.player-progress{height:auto;padding:2px var(--gutter) calc(8px + env(safe-area-inset-bottom,0px));order:2}.player-progress .pp-time{display:inline}.player-progress .scrub-rail{height:4px}.player-progress .scrub-fill:after{opacity:1}.controls{flex-shrink:0;gap:8px}.ctrl-btn{padding:6px}.ctrl-btn svg{width:20px;height:20px}.play-btn{width:40px;height:40px}.play-btn svg{width:18px;height:18px}.back-to-top{right:14px;bottom:calc(110px + env(safe-area-inset-bottom,0px));width:40px;height:40px}.random-style-btn{letter-spacing:.1em;grid-column:1/-1;justify-self:center;gap:10px;padding:6px 4px;font-size:13px}.random-style-btn .random-icon svg{width:32px;height:32px}}.digline{letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--ink),.42);padding:22px 4px 6px;font-size:11px;font-weight:600}.digline a{color:rgba(var(--ink),.6);border-bottom:1px solid rgba(var(--ink),.2);padding-bottom:1px;text-decoration:none;transition:color .15s,border-color .15s}.digline a:hover{color:var(--accent);border-bottom-color:var(--accent)}.digline .dot{color:rgba(var(--ink),.25);margin:0 7px}.show-more{border:1px solid rgba(var(--ink),.18);color:rgba(var(--ink),.7);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;background:0 0;border-radius:20px;margin:18px auto 6px;padding:9px 20px;font-family:inherit;font-size:11px;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:block}.show-more:hover{color:rgba(var(--ink),.95);border-color:rgba(var(--ink),.4);background:rgba(var(--ink),.04)}a.card{color:inherit;text-decoration:none}.logo{text-decoration:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-state{text-align:center;min-height:50vh;color:rgba(var(--ink),.5);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex}.app-spinner{border:2px solid rgba(var(--ink),.15);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.7s linear infinite app-spin}@keyframes app-spin{to{transform:rotate(360deg)}}.app-state .retry{border:1px solid rgba(var(--ink),.22);cursor:pointer;color:rgba(var(--ink),.8);letter-spacing:.12em;text-transform:uppercase;background:0 0;border-radius:18px;padding:8px 18px;font-family:inherit;font-size:11px;font-weight:600;transition:color .15s,border-color .15s}.app-state .retry:hover{color:rgba(var(--ink),.98);border-color:rgba(var(--ink),.4)}.app-state h1{font:inherit;margin:0}@media (width<=380px){.logo{letter-spacing:.1em;padding-left:3px;font-size:12px}.header-side{gap:8px}.nav-link{letter-spacing:.08em;font-size:10px}}:root[data-theme=light] .search-keys{color:rgba(var(--ink),.45)}:root[data-theme=light] .search-keys kbd{border-color:rgba(var(--ink),.26)}:root[data-theme=light] .track-context{color:rgba(var(--ink),.5)}:root[data-theme=light] .masthead-stats,:root[data-theme=light] .sf-line,:root[data-theme=light] .search-empty,:root[data-theme=light] .search-hint,:root[data-theme=light] .search-try{color:rgba(var(--ink),.52)}:root[data-theme=light] .card-styles,:root[data-theme=light] .desc-toggle{color:rgba(var(--ink),.55)}:root[data-theme=light] .nav-link,:root[data-theme=light] .track-dur{color:rgba(var(--ink),.58)}