@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2) format("woff2"),url(/assets/manrope-latin-400-normal-8tf8FM3T.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2) format("woff2"),url(/assets/manrope-latin-500-normal-DMZssgOp.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2) format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff) format("woff")}:root{font-family:Manrope,sans-serif;font-synthesis:none;color-scheme:dark;color:#b6cbbd;background:#362a21}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,input:focus-visible{outline:2px solid #a9d5bd;outline-offset:5px}.skip-link{position:fixed;top:-80px;left:16px;padding:12px 16px;z-index:5;background:#18291f;color:#d8e4dc;border-radius:4px}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#player,#turntable,.deck-ui{position:absolute;inset:0;width:100%;height:100%}#player{height:100svh;overflow:hidden}#turntable canvas{display:block;width:100%;height:100%;touch-action:manipulation}#scene-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;color:#d9d5ca;background:#272521}.deck-ui{pointer-events:none}[data-position]{position:absolute;transform:translate(-50%,-50%)}.hardware-control{padding:0;color:#242929;background:transparent;border:0;border-radius:3px;pointer-events:auto}.hardware-control.round,.volume-control.round{border-radius:50%}.hardware-control:hover{background:#ffffff0d}.hardware-control:active{background:#0000001a}.face-button{display:grid;place-items:center}.face-button svg{width:56%;height:56%;filter:drop-shadow(0 1px 0 #fffa)}.record-display{display:flex;flex-direction:column;justify-content:center;padding:0 4px;pointer-events:auto;line-height:1;color:#9ab8a4;text-shadow:0 0 3px #8ca99322}.record-display:after{content:"";position:absolute;inset:-2px;background:linear-gradient(157deg,rgb(215 225 221 / 6%),transparent 48%);pointer-events:none}.display-title,.display-time{display:flex;align-items:center;justify-content:space-between;gap:8px;font-variant-numeric:tabular-nums}.display-title{font-size:clamp(12px,calc(var(--unit) * .12),16px);font-weight:500;text-transform:uppercase;letter-spacing:.035em}#track-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#playback-status{font-size:.72em;letter-spacing:.04em;opacity:.8;flex-shrink:0}.playing #playback-status{color:#c8ecd4}.display-time{font-size:clamp(9px,calc(var(--unit) * .085),12px)}#progress{--fill: 0%;appearance:none;display:block;width:100%;height:10px;margin:0;cursor:pointer;background:transparent}#progress::-webkit-slider-runnable-track{height:1px;background:linear-gradient(to right,#b6d3be var(--fill),#344c3d var(--fill))}#progress::-moz-range-track{height:1px;background:#344c3d}#progress::-moz-range-progress{height:1px;background:#b6d3be}#progress::-webkit-slider-thumb{appearance:none;width:4px;height:4px;margin-top:-1.5px;background:#bed6c5;border:0;border-radius:50%}#progress::-moz-range-thumb{width:4px;height:4px;background:#bed6c5;border:0;border-radius:50%}.pitch-control,.volume-control{pointer-events:auto}.pitch-control input,.volume-control input{opacity:0;width:100%;height:100%;margin:0;cursor:ns-resize;touch-action:none}.pitch-control input{writing-mode:vertical-lr;direction:ltr}.volume-control input{cursor:ew-resize}.pitch-control:focus-within,.volume-control:focus-within{outline:2px solid #6a9c80;outline-offset:5px}.engraved-value{display:flex;align-items:center;justify-content:center;color:#35413a;font-size:clamp(8px,calc(var(--unit) * .085),12px);font-variant-numeric:tabular-nums}.toast{position:fixed;left:50%;top:24px;transform:translate(-50%,-8px);opacity:0;visibility:hidden;max-width:min(560px,90vw);padding:12px 24px;background:#1d2521;color:#d8e4dc;border:1px solid #5c7365;border-radius:5px;font-size:14px;line-height:20px;text-align:center;transition:opacity .2s ease-out,transform .2s ease-out,visibility .2s;pointer-events:none;z-index:3}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%)}.drop-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;background:#19231bee;color:#c8dfcf;z-index:4;pointer-events:none}.drop-overlay.visible{display:flex}.drop-overlay span{font-size:30px;font-weight:500}.drop-overlay p{font-size:14px}.graphics-fallback .deck-ui{top:50%;left:10%;width:80%;height:40%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px}.graphics-fallback [data-position]{position:static;transform:none;min-width:48px;min-height:40px}.graphics-fallback .hardware-control{color:#c8dfcf;border:1px solid #68776d}.graphics-fallback .record-display{width:280px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media(max-aspect-ratio:.65){.hardware-control:after{content:"";position:absolute;inset:-8px}}.record-rack{--rack-ink: #ebe3d3;width:min(1080px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto auto 24px;padding:10px;overflow:auto;border:1px solid #956344;border-radius:8px;color:var(--rack-ink);background:#4e3020 url(/textures/walnut-color.jpg) center / 700px;background-blend-mode:multiply;box-shadow:0 32px 80px #0009,inset 0 1px 1px #f2cf9666,inset 0 -3px 4px #1c0c0799}.record-rack::backdrop{background:#0a0c0a7a}.rack-frame{border-radius:2px;background:#211d19;box-shadow:inset 0 2px 8px #000b}.rack-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 32px 8px}.rack-plaque{display:flex;align-items:baseline;gap:16px}.rack-plaque h2{margin:0;font-size:20px;line-height:28px;font-weight:500;letter-spacing:-.025em}.rack-plaque p{margin:0;font-size:12px;line-height:16px;color:#bdb6a9;font-variant-numeric:tabular-nums}.rack-actions{display:flex;align-items:center;gap:12px}.rack-add,.rack-close{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid #716858;border-radius:4px;color:#ede5d6;background:#39332b;font-size:12px;line-height:16px;font-weight:500;transition:background .2s cubic-bezier(.2,.7,.3,1)}.rack-add{gap:8px;padding:8px 16px}.rack-add>span{font-size:20px;font-weight:400}.rack-close{width:40px;padding:8px;background:transparent;border-color:transparent}.rack-close svg{width:20px;height:20px}.rack-add:hover,.rack-close:hover{background:#4c4439}.rack-add:disabled{opacity:.55}.rack-shelf{position:relative;isolation:isolate}.rack-slots{display:flex;gap:40px;padding:40px 48px 24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:48px;scrollbar-width:thin;scrollbar-color:#665342 #211d19}.rack-slot{position:relative;flex:0 0 clamp(200px,23vw,248px);scroll-snap-align:start}.record-sleeve{display:block;position:relative;width:100%;padding:0;border:0;background:none;color:var(--rack-ink);text-align:left;border-radius:2px;outline-offset:8px}.sleeve-object{position:relative;display:block;aspect-ratio:1;perspective:1000px}.sleeve-jacket{display:block;position:absolute;inset:0;transform:rotate(-1.5deg);transform-origin:center bottom;background:#c4b69c;border-radius:1px;box-shadow:2px 0 #aaa08c,4px 1px #504539,10px 14px 18px #0009;transition:transform .45s cubic-bezier(.2,.7,.3,1),box-shadow .45s cubic-bezier(.2,.7,.3,1)}.rack-slot:nth-child(3n+2) .sleeve-jacket{transform:rotate(1.2deg)}.rack-slot:nth-child(3n) .sleeve-jacket{transform:rotate(-.5deg)}.sleeve-jacket:after{content:"";position:absolute;inset:0;box-shadow:inset 1px 1px #fff5,inset -2px -1px 1px #0005;background:linear-gradient(112deg,#fff1,transparent 20%,transparent 88%,#0003);pointer-events:none}.sleeve-jacket canvas{display:block;width:100%;height:100%;border-radius:1px}.sleeve-disc{position:absolute;inset:5%;display:block;border-radius:50%;background:#111 url(/textures/vinyl-surface.png) center / cover;box-shadow:2px 1px 2px #0008;transform:translate(12%);transition:transform .45s cubic-bezier(.2,.7,.3,1)}.sleeve-disc:after{content:"";position:absolute;inset:34%;border-radius:50%;background:#d6cbb0;box-shadow:inset 0 0 0 1px #e4decc}.sleeve-caption{display:flex;flex-direction:column;gap:4px;padding-top:28px}.sleeve-title{display:block;max-width:100%;font-size:16px;line-height:24px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sleeve-detail{color:#bcb3a5;font-size:12px;line-height:16px;font-variant-numeric:tabular-nums}.sleeve-state{position:absolute;right:8px;bottom:12px;max-width:calc(100% - 16px);padding:8px 12px;background:#ddd4b9;color:#252b23;border-radius:2px;box-shadow:0 2px 4px #0004;font-size:12px;line-height:16px;font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .2s cubic-bezier(.2,.7,.3,1),transform .3s cubic-bezier(.2,.7,.3,1)}.on-deck .sleeve-state,.record-sleeve:hover .sleeve-state,.record-sleeve:focus-visible .sleeve-state,.is-loading .sleeve-state{opacity:1;transform:translateY(0)}.is-playing .sleeve-state:before{content:"";display:inline-block;width:6px;height:6px;margin:0 8px 1px 0;border-radius:50%;background:#4b6e4e}.record-sleeve:hover .sleeve-jacket,.record-sleeve:focus-visible .sleeve-jacket{transform:translateY(-12px) rotate(-1deg);box-shadow:2px 0 #aaa08c,4px 1px #504539,10px 24px 24px #0009}.record-sleeve:hover .sleeve-disc,.record-sleeve:focus-visible .sleeve-disc{transform:translate(23%,-8px)}.record-sleeve:active .sleeve-jacket{transform:translateY(-6px)}.record-sleeve:disabled{cursor:wait}.record-sleeve:disabled:not(.is-loading){opacity:.6}.record-sleeve:focus-visible{outline:none}.record-sleeve:focus-visible .sleeve-jacket{outline:2px solid #a9d5bd;outline-offset:6px}.local-record .sleeve-detail{padding-right:56px}.rack-remove{position:absolute;right:0;bottom:-8px;min-height:32px;padding:8px 0 8px 8px;border:0;background:none;color:#bcb3a5;font-size:12px;line-height:16px}.rack-remove:hover{color:#eee5d5;text-decoration:underline}.rack-remove:disabled{opacity:.5}.rack-rail{position:absolute;z-index:-1;top:calc(100% - 96px);left:0;right:0;height:24px;background:#6e4830 url(/textures/walnut-color.jpg) center 60% / 700px;background-blend-mode:multiply;box-shadow:inset 0 2px 1px #d9b38455,inset 0 -3px 3px #1b0c0888,0 12px 18px #0006}.rack-footer{display:flex;justify-content:space-between;gap:16px;padding:16px 32px 24px}.rack-footer p{margin:0;font-size:12px;line-height:16px;color:#c4bdaf}.rack-browse{display:flex;align-items:center;gap:16px}.rack-scroll{display:flex;gap:8px}.rack-scroll[hidden]{display:none}.rack-scroll button{min-width:32px;min-height:32px;padding:4px 8px;border:1px solid #716858;border-radius:3px;background:transparent;color:#e5dece;font-size:16px;line-height:24px}.rack-scroll button:disabled{color:#70685c;border-color:#484137;cursor:default}.rack-notice{margin:0;padding:12px 32px;color:#f2cf9d;font-size:14px;line-height:20px;overflow-wrap:anywhere}.record-rack[open]{animation:rack-open .35s cubic-bezier(.2,.7,.3,1) both}@keyframes rack-open{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.record-rack{width:calc(100vw - 16px);max-height:calc(100dvh - 24px);margin-bottom:8px;padding:8px}.rack-header{padding:16px 16px 0;gap:8px}.rack-plaque{display:block}.rack-plaque h2{font-size:18px;line-height:24px}.rack-plaque p{margin-top:4px}.rack-actions{gap:4px}.rack-add{padding-inline:12px}.rack-slots{gap:32px;padding:32px 24px 24px;scroll-padding-inline:24px}.rack-slot{flex-basis:min(62vw,248px)}.rack-footer{padding:16px;flex-direction:column;gap:4px}}@media(max-height:560px)and (min-width:641px){.record-rack{margin-bottom:12px;max-height:calc(100dvh - 24px)}.rack-header{padding-top:12px}.rack-slot{flex-basis:176px}.rack-slots{padding-top:24px}.rack-footer{padding-block:8px 16px}}@media(prefers-reduced-motion:reduce){.record-rack[open]{animation:none}.sleeve-jacket,.sleeve-disc,.sleeve-state{transition:none}}.rack-music{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border:1px solid #716858;border-radius:4px;background:#272727;color:#ede5d6;font-size:12px;line-height:16px}.rack-music:hover,.rack-music[aria-expanded=true]{background:#313131}.rack-music:disabled{opacity:.5}.browsing-music .rack-shelf,.browsing-music .rack-footer,.music-panel[hidden],.streaming-now-playing[hidden]{display:none}.music-panel{padding:24px 32px 32px}.music-heading,.music-search-row,.music-navigation{display:flex;justify-content:space-between;align-items:center;gap:16px}.music-heading h3{margin:0;font-size:24px;line-height:32px;font-weight:500;letter-spacing:-.025em}.music-heading p,.music-footnote{margin:4px 0 0;color:#c4bdaf;font-size:12px;line-height:16px}.music-panel button{min-height:40px;padding:8px 16px;border:1px solid #716858;border-radius:4px;background:#272727;color:#f5f0e8;font:inherit;font-size:12px;line-height:16px}.music-panel button:hover{background:#313131}.music-panel button:disabled{opacity:.5;cursor:default}.music-panel button:focus-visible,.music-panel input:focus-visible,.rack-music:focus-visible{outline:2px solid #a9d5bd;outline-offset:4px}.music-panel .music-connect{background:#ebe3d3;color:#181818;white-space:nowrap}.music-search{margin-top:24px}.music-search label{display:block;margin-bottom:8px;color:#ede5d6;font-size:14px;line-height:20px}.music-search input{width:100%;min-width:0;min-height:48px;padding:12px 16px;border:1px solid #716858;border-radius:4px;background:#181818;color:#f5f0e8;font-family:inherit;font-size:16px;line-height:24px}.music-search input::placeholder{color:#a9a296}.music-navigation{margin:8px 0 16px}.music-navigation button{padding-inline:0;border-color:transparent;background:transparent;color:#c9dcca}.music-status{margin:16px 0;font-size:14px;line-height:20px;color:#e5d5bd;overflow-wrap:anywhere}.music-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.music-result{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #484137}.music-result img{width:64px;height:64px;object-fit:contain;flex-shrink:0;background:#181818}.music-result-description{min-width:0;flex:1}.music-result h4{margin:0;font-size:14px;line-height:20px;font-weight:500;overflow-wrap:anywhere}.music-result p{margin:4px 0 0;color:#c4bdaf;font-size:12px;line-height:16px;overflow-wrap:anywhere}.music-result .music-result-detail{color:#a9a296}.music-result button{flex-shrink:0;padding-inline:12px}.music-footnote{margin-top:24px}.apple-record .sleeve-jacket,.apple-record .record-sleeve:hover .sleeve-jacket,.apple-record .record-sleeve:focus-visible .sleeve-jacket{transform:none;background:#181818}.apple-record .sleeve-jacket:after,.apple-record .sleeve-disc{display:none}.apple-record .sleeve-jacket img{display:block;width:100%;height:100%;object-fit:contain}.apple-record .sleeve-state{bottom:-24px;right:0;padding:4px 8px}.apple-record .sleeve-detail{padding-right:56px}.streaming-now-playing{position:fixed;left:24px;top:24px;z-index:5;display:flex;align-items:center;gap:12px;max-width:min(400px,calc(100vw - 48px));padding:12px 16px;border:1px solid #58534b;border-radius:4px;background:#181818;color:#f5f0e8;box-shadow:0 4px 16px #0004}.streaming-now-playing img{width:48px;height:48px;object-fit:contain}.streaming-details{min-width:0}.streaming-now-playing p{margin:0;font-size:12px;line-height:16px}.streaming-now-playing .streaming-title{font-size:14px;line-height:20px;font-weight:500}.streaming-artist{margin-top:2px!important;color:#c4bdaf}.streaming-now-playing a{display:inline-block;margin-top:4px;color:#c9dcca;font-size:12px;line-height:16px;text-underline-offset:2px}.streaming-title,.streaming-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:720px){.music-results{grid-template-columns:1fr}.music-panel{padding:24px 16px}.music-heading{align-items:flex-start;flex-direction:column;gap:12px}.music-heading .music-connect{width:100%}.music-search-row{gap:8px}.music-search input{padding-inline:12px}.music-navigation{gap:8px;align-items:flex-start}.music-navigation button{text-align:left}.rack-header{flex-wrap:wrap}.rack-actions{margin-left:auto}.rack-music{padding-inline:12px}.streaming-now-playing{left:16px;top:16px;max-width:calc(100vw - 32px);padding:8px 12px}}