.topbar{position:fixed;top:1.1rem;left:0;right:0;z-index:50;display:flex;justify-content:center;pointer-events:none}.topbar__panel{display:flex;align-items:stretch;padding:4px;border:1px solid var(--line);border-radius:999px;background:#060607c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px #ffffff08 inset,0 12px 40px #00000073;pointer-events:auto;transition:background .35s,border-color .35s}.topbar__panel:hover,.topbar__panel:focus-within{background:#060607e6;border-color:#ecece829}.topbar__cell{position:relative;overflow:hidden;display:flex;align-items:center;height:40px;padding:0 10px;border-radius:999px;color:var(--dim);white-space:nowrap;transition:color .25s,background .25s,padding .4s cubic-bezier(.2,.8,.2,1)}.topbar__ico{flex:none;width:20px;height:20px;display:grid;place-items:center;color:inherit}.topbar__ico svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.topbar__label{display:grid;grid-template-columns:0fr;opacity:0;transition:grid-template-columns .4s cubic-bezier(.2,.8,.2,1),opacity .25s}.topbar__label>span{min-width:0;overflow:hidden;padding-left:0;transition:padding-left .4s cubic-bezier(.2,.8,.2,1)}.topbar__panel:hover .topbar__label,.topbar__panel:focus-within .topbar__label{grid-template-columns:1fr;opacity:1;transition:grid-template-columns .4s cubic-bezier(.2,.8,.2,1),opacity .3s .12s}.topbar__panel:hover .topbar__label>span,.topbar__panel:focus-within .topbar__label>span{padding-left:.6rem}.topbar__panel:hover .topbar__cell,.topbar__panel:focus-within .topbar__cell{padding:0 16px 0 12px}.topbar__cell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 25%,rgba(201,174,124,.28) 50%,transparent 75%);transform:translate(-130%);pointer-events:none}.topbar__cell:hover:after{animation:scanline .65s ease}@keyframes scanline{to{transform:translate(130%)}}.topbar__cell:hover{color:var(--ink);background:#ecece80f}.topbar__brand{color:var(--ink)}.topbar__mark{color:var(--brass);display:inline-block;font-size:1rem;line-height:1;animation:spin 9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.topbar__cell--active,.topbar__cell--money{color:var(--brass)}.topbar__cell--money:hover{color:var(--bg);background:var(--brass)}@media(pointer:coarse){.topbar{top:.8rem}.topbar__cell--active .topbar__label{grid-template-columns:1fr;opacity:1}.topbar__cell--active .topbar__label>span{padding-left:.6rem}.topbar__cell--active{padding:0 16px 0 12px}}@media(pointer:coarse)and (max-width:520px){.topbar__cell--active .topbar__label{display:none}.topbar__cell--active{padding:0 10px}}@media(prefers-reduced-motion:reduce){.topbar__mark{animation:none}.topbar__cell,.topbar__label,.topbar__label>span{transition:none}}:root{--bg: #060607;--ink: #ecece8;--dim: #97979e;--brass: #c9ae7c;--brass-dim: #8a7853;--line: rgba(236, 236, 232, .16);--dim: #b8b8c0;--font-display: "Oswald", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:none}::-webkit-scrollbar{width:0;height:0;display:none}body{background:radial-gradient(ellipse 60% 45% at 72% 5%,rgba(201,174,124,.11),transparent 70%),radial-gradient(ellipse 55% 50% at 12% 85%,rgba(120,135,180,.09),transparent 70%),linear-gradient(180deg,#0b0b0e,var(--bg) 40%);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.65;min-height:100vh;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}::selection{background:var(--brass);color:var(--bg)}.mono{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}a{color:inherit;text-decoration:none}@media(pointer:fine){*{cursor:none!important}}.cursor-dot{position:fixed;left:0;top:0;z-index:200;pointer-events:none;opacity:0;transition:opacity .3s;mix-blend-mode:difference}.cursor-dot.on{opacity:1}.cursor-dot i{display:block;width:10px;height:10px;border-radius:50%;background:#f2f2ee;border:1.5px solid transparent;transform:translate(-50%,-50%);transition:width .22s ease,height .22s ease,background .22s,border-color .22s}.cursor-dot.hot i{width:30px;height:30px;background:transparent;border-color:#f2f2ee}.cursor-dot.down i{width:5px;height:5px}.cursor-dot.hot.down i{width:24px;height:24px}@media(pointer:coarse){.cursor-dot{display:none}}:root{--cx: 30vw;--cy: 50vh;--hr: 160px;--pt-in: 420px;--pt-out: 720px;--pa-in: 760px;--pa-out: 1020px}body{overflow:hidden;height:100vh}#hole{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}.orbit{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.orbit__band{position:absolute;left:var(--cx);top:var(--cy)}.plate-wrap{--in: 0px;--out: 0px;position:absolute;left:var(--cx);top:var(--cy);width:calc(var(--out) * 2 + 4px);height:calc(var(--out) * 2 + 4px);transform:translate(-50%,-50%);-webkit-mask-image:conic-gradient(from 0deg,transparent 2deg,#000 64deg,#000 116deg,transparent 178deg,transparent 360deg);mask-image:conic-gradient(from 0deg,transparent 2deg,#000 64deg,#000 116deg,transparent 178deg,transparent 360deg)}.plate-wrap--tracks{--in: var(--pt-in);--out: var(--pt-out)}.plate-wrap--albums{--in: var(--pa-in);--out: var(--pa-out)}.plate{--step: 14deg;--cell: rgba(15, 15, 19, .96);--cell-out: rgba(15, 15, 19, .18);position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;transform:rotate(var(--rot, 0deg));will-change:transform;background:radial-gradient(circle,transparent calc(var(--in) - 1px),rgba(236,236,232,.26) var(--in),rgba(236,236,232,.26) calc(var(--in) + 1px),var(--cell) calc(var(--in) + 1px),var(--cell-out) var(--out),transparent var(--out));-webkit-mask-image:repeating-conic-gradient(from 90deg,#000 0deg calc(var(--step) - .35deg),transparent calc(var(--step) - .35deg) var(--step));mask-image:repeating-conic-gradient(from 90deg,#000 0deg calc(var(--step) - .35deg),transparent calc(var(--step) - .35deg) var(--step))}.plate--albums{--cell: rgba(11, 11, 14, .96);--cell-out: rgba(11, 11, 14, .18)}.focus-cell{--in: 0px;--out: 0px;--step: 14deg;position:absolute;left:var(--cx);top:var(--cy);width:calc(var(--out) * 2);height:calc(var(--out) * 2);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,transparent calc(var(--in) + 1px),rgba(201,174,124,.09) calc(var(--in) + 1px),rgba(201,174,124,.02) var(--out),transparent var(--out));-webkit-mask-image:conic-gradient(from calc(90deg - var(--step) / 2),#000 0deg var(--step),transparent var(--step) 360deg);mask-image:conic-gradient(from calc(90deg - var(--step) / 2),#000 0deg var(--step),transparent var(--step) 360deg);pointer-events:none}.focus-cell--tracks{--in: var(--pt-in);--out: var(--pt-out)}.focus-cell--albums{--in: var(--pa-in);--out: var(--pa-out)}.spoke{position:absolute;left:0;top:0;display:flex;align-items:center;gap:.75rem;min-height:34px;text-align:left;padding:0;background:none;border:none;color:var(--dim);white-space:nowrap;transform-origin:0 50%;transform:rotate(var(--a)) translate(var(--r),-50%);pointer-events:auto;cursor:pointer;opacity:var(--vis, 1);transition:color .25s,opacity .3s}.spoke__line{display:block;width:26px;height:1px;background:currentColor;opacity:.4;transition:width .35s cubic-bezier(.2,.8,.2,1),opacity .25s}.spoke__num{font-size:.62rem;opacity:.6}.spoke__txt{display:flex;flex-direction:column;line-height:1;gap:.2rem;min-width:0}.spoke--track .spoke__txt{max-width:calc(var(--pt-out) - var(--r) - 92px)}.spoke--album .spoke__txt{max-width:calc(var(--pa-out) - var(--r) - 118px)}.spoke__name{font-family:var(--font-display);font-weight:500;font-size:1.15rem;letter-spacing:.03em;text-transform:uppercase;color:var(--ink);white-space:normal;text-wrap:balance;transition:color .25s,font-size .35s}.spoke__meta{font-size:.56rem;opacity:.6;white-space:nowrap}.spoke__eq{display:none;align-items:flex-end;gap:2px;width:14px;height:12px}.spoke__eq i{flex:1;background:var(--brass);animation:eq 1.1s ease-in-out infinite}.spoke__eq i:nth-child(1){height:55%}.spoke__eq i:nth-child(2){height:95%;animation-delay:.2s}.spoke__eq i:nth-child(3){height:70%;animation-delay:.4s}@keyframes eq{50%{transform:scaleY(.3)}}.spoke.playing .spoke__eq{display:flex}.spoke.playing .spoke__name{color:var(--brass)}.spoke:hover .spoke__line,.spoke.focus .spoke__line{width:48px;opacity:.95}.spoke:hover{color:var(--ink)}.spoke.focus{color:var(--brass)}.spoke.focus .spoke__name{color:var(--brass);font-size:1.3rem}.spoke.focus .spoke__num,.spoke.focus .spoke__meta{opacity:1}.spoke--album{min-height:48px}.spoke--album canvas{width:44px;height:44px;display:block;border:1px solid var(--line);image-rendering:pixelated;transition:border-color .25s}.spoke--album.focus canvas{border-color:var(--brass)}.spoke--album .spoke__name{font-size:1rem}.spoke--album.focus .spoke__name{font-size:1.15rem}.spoke--album.active .spoke__meta{color:var(--brass);opacity:1}.hole-btn{position:fixed;left:var(--cx);top:var(--cy);z-index:6;width:calc(var(--hr) * 1.2);height:calc(var(--hr) * 1.2);transform:translate(-50%,-50%);border-radius:50%;background:none;border:none;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:color .25s,transform .25s}.hole-btn svg{width:34%;height:34%;fill:currentColor;display:block;margin-left:6%}.hole-btn.paused svg{margin-left:0}.hole-btn:hover{color:var(--brass);transform:translate(-50%,-50%) scale(1.06)}.np{position:fixed;right:var(--edge, 4vw);top:50%;z-index:6;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;width:min(26vw,30rem);text-align:right;text-shadow:0 2px 18px rgba(0,0,0,.95),0 0 40px rgba(0,0,0,.8)}.np__label{color:var(--brass);font-size:.6rem}.np__name{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,2.7vw,3rem);letter-spacing:.02em;text-transform:uppercase;line-height:.98;overflow-wrap:anywhere}.np__artist{color:var(--dim);font-size:.72rem}.np__controls{display:flex;align-items:center;gap:.4rem;margin-top:.6rem;margin-right:-.6rem}.np__btn{position:relative;background:none;border:none;color:var(--ink);filter:drop-shadow(0 2px 8px rgba(0,0,0,.9));width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .25s}.np__btn svg{width:22px;height:22px;fill:currentColor;display:block}.np__btn:hover,.np__btn.on{color:var(--brass)}.np__one{position:absolute;right:6px;top:6px;font-family:var(--font-mono);font-size:.5rem;font-weight:700;color:var(--brass)}.np__time{color:var(--ink);font-size:.8rem;margin-left:.6rem}.np__controls .np__time{order:-1;margin:0 .6rem 0 0}.np__time i{font-style:normal;opacity:.45;margin:0 .4rem}.np__vol{display:flex;flex-direction:row-reverse;align-items:center;gap:.8rem;color:var(--dim);font-size:.56rem;margin-top:.2rem}.vol{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:140px;height:2px;background:#ecece847;outline:none}.vol::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:9px;height:9px;border-radius:50%;background:var(--brass);border:none}.vol::-moz-range-track{height:2px;background:#ecece847}.vol::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:var(--brass);border:none}.np__hint{color:var(--dim);opacity:.5;font-size:.54rem;margin-top:.6rem}.ad{position:fixed;right:4vw;bottom:3rem;z-index:6;display:block;width:220px;border:1px solid var(--line);background:#0a0a0d;transition:border-color .25s,transform .25s}.ad img{display:block;width:100%;height:auto}.ad__mark{display:block;padding:.35rem .6rem;border-top:1px solid var(--line);color:var(--dim);font-size:.5rem;opacity:.7}.ad:hover{border-color:var(--brass-dim);transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.topbar__mark,.spoke__eq i{animation:none}}@media(max-width:1999px){.spoke__name{font-size:.95rem}.spoke.focus .spoke__name{font-size:1.08rem}.spoke--album .spoke__name{font-size:.85rem}.spoke--album.focus .spoke__name{font-size:.95rem}.spoke--album canvas{width:36px;height:36px}.spoke--track .spoke__txt{max-width:calc(var(--pt-out) - var(--r) - 80px)}.spoke--album .spoke__txt{max-width:calc(var(--pa-out) - var(--r) - 104px)}.np{width:min(25vw,26rem)}.np__name{font-size:clamp(1.3rem,2.2vw,2.2rem)}.np__btn{width:40px;height:40px}.np__btn svg{width:19px;height:19px}.ad{width:170px}}body.m{overflow:auto;height:auto;min-height:100vh}body.m #hole{position:absolute;top:0;left:0;height:100vh}body.m .hole-btn{position:absolute}body.m .orbit{position:relative;inset:auto;padding:calc(var(--cy) + var(--hr) * 1.45 + 11rem) 1.2rem 5rem;display:flex;flex-direction:column;gap:1.4rem;pointer-events:auto}body.m .plate-wrap,body.m .focus-cell,body.m .spoke__line,body.m .ad,body.m .np__hint{display:none}body.m .orbit__band{position:static}body.m .orbit__band--albums{order:-1;display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.3rem;scrollbar-width:none}body.m .orbit__band--tracks{display:flex;flex-direction:column;border-top:1px solid var(--line)}body.m .spoke{position:static;transform:none!important;opacity:1!important;width:100%;min-height:0;padding:.85rem 0;border-bottom:1px solid var(--line);text-align:left}body.m .spoke__txt{max-width:none!important;flex:1}body.m .spoke__name,body.m .spoke.focus .spoke__name{font-size:1.05rem;color:var(--ink)}body.m .spoke.playing .spoke__name{color:var(--brass)}body.m .spoke__meta{display:inline}body.m .spoke--album{width:auto;flex:none;padding:.5rem .9rem .5rem .5rem;border:1px solid var(--line);border-radius:999px;white-space:nowrap}body.m .spoke--album.active{border-color:var(--brass)}body.m .spoke--album .spoke__name{font-size:.8rem}body.m .spoke--album canvas{width:30px;height:30px;border-radius:50%}body.m .np{position:absolute;left:1.2rem;right:1.2rem;top:calc(var(--cy) + var(--hr) * 1.4);transform:none;width:auto;align-items:center;text-align:center;gap:.3rem}body.m .np__name{font-size:1.5rem}body.m .np__controls{margin:.3rem 0 0}body.m .np__vol{flex-direction:row}body.m .topbar{top:.7rem}