@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/spotifyTurntable/assets/instrument-serif-latin-ext-400-normal-C2je3j2s.woff2)format("woff2"),url(/spotifyTurntable/assets/instrument-serif-latin-ext-400-normal-CFCUzsTy.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/spotifyTurntable/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/spotifyTurntable/assets/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/spotifyTurntable/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/spotifyTurntable/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/spotifyTurntable/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/spotifyTurntable/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/spotifyTurntable/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/spotifyTurntable/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/spotifyTurntable/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Monoton;font-style:normal;font-display:swap;font-weight:400;src:url(/spotifyTurntable/assets/monoton-latin-ext-400-normal-CgkMCLzF.woff2)format("woff2"),url(/spotifyTurntable/assets/monoton-latin-ext-400-normal-D9FcGIS5.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Monoton;font-style:normal;font-display:swap;font-weight:400;src:url(/spotifyTurntable/assets/monoton-latin-400-normal--Xn4BnFH.woff2)format("woff2"),url(/spotifyTurntable/assets/monoton-latin-400-normal-CgrPpToo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/spotifyTurntable/assets/courier-prime-latin-ext-400-normal-B-EsvyE4.woff2)format("woff2"),url(/spotifyTurntable/assets/courier-prime-latin-ext-400-normal-CKOCNFvK.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/spotifyTurntable/assets/courier-prime-latin-400-normal-BbyBr73r.woff2)format("woff2"),url(/spotifyTurntable/assets/courier-prime-latin-400-normal-BAlbUm6l.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(/spotifyTurntable/assets/courier-prime-latin-ext-700-normal-ByMJlNdM.woff2)format("woff2"),url(/spotifyTurntable/assets/courier-prime-latin-ext-700-normal-BIFoAzHx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(/spotifyTurntable/assets/courier-prime-latin-700-normal-D1YCjmaD.woff2)format("woff2"),url(/spotifyTurntable/assets/courier-prime-latin-700-normal-CVvp4Sof.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#16110e;--ink:#f4efe7;--ink-2:#f4efe7bd;--ink-3:#f4efe780;--ink-muted:var(--ink-3);--line:#ffffff1a;--accent:#d6a15c;--glass:#16110e9e;--walnut-1:#2f2016;--walnut-2:#4a3221;--walnut-3:#5b3d28;--alu-1:#e6e7ea;--alu-2:#b9bbc0;--alu-3:#84878d;--sans:"Inter Variable", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;--ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.muted{color:var(--ink-muted)}.link{color:var(--ink-3);background:0 0;border:0;padding:.25rem .5rem}.link:hover{color:var(--ink)}.primary{background:var(--ink);color:#1c1410;letter-spacing:.01em;transition:transform .2s var(--ease), box-shadow .2s var(--ease);border:0;border-radius:999px;padding:.95rem 2.4rem;font-size:1.05rem;font-weight:600;box-shadow:0 10px 30px #00000059}.primary:hover{transform:translateY(-1px);box-shadow:0 14px 36px #00000073}.gate{background:radial-gradient(ellipse 60% 50% at 50% 42%, #d6a15c1f, transparent 70%), radial-gradient(ellipse at 50% 120%, #2a1d14, var(--bg) 60%);text-align:center;place-items:center;height:100%;display:grid}.gate-card,.gate{align-content:center;justify-items:center;gap:1.1rem;display:grid}.gate h1{font-family:var(--serif);letter-spacing:-.01em;margin:.5rem 0 0;font-size:clamp(3rem,6vw,4.75rem);font-weight:400;line-height:1}.gate .tagline{color:var(--ink-2);margin:0 0 1.25rem;font-size:1.1rem}.gate-notice{color:var(--accent);margin:0}.setup{justify-items:center;gap:1rem;width:min(36rem,100vw - 2rem);max-height:100%;padding:1.5rem 0;display:grid;overflow-y:auto}.setup h2{font:400 clamp(2rem, 4vw, 2.75rem)/1.1 var(--serif);margin:0}.setup-lede{color:var(--ink-2);margin:0}.setup ol{text-align:left;color:var(--ink-2);margin:.25rem 0;padding-left:1.4rem;line-height:1.55}.setup li{margin-bottom:.6rem}.setup a{color:var(--accent)}.setup b{color:var(--ink);font-weight:600}.setup-uri{align-items:center;gap:.25rem;margin-top:.3rem;display:flex}.setup-uri code{color:var(--ink);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;background:#ffffff12;border-radius:6px;padding:.3rem .55rem}.setup-input{border:1px solid var(--line);width:100%;color:var(--ink);text-align:center;background:#ffffff0d;border-radius:10px;padding:.75rem 1rem;font:1rem ui-monospace,monospace}.setup-input:focus{border-color:var(--accent);outline:none}.setup-input[aria-invalid=true]{border-color:var(--accent)}.setup .primary:disabled{opacity:.4;cursor:default;transform:none}.setup-note{color:var(--ink-3);margin:0;font-size:.85rem}.record-mark{filter:drop-shadow(0 12px 24px #00000080);width:5.5rem;height:5.5rem;animation:6s linear infinite spin}.stage{isolation:isolate;flex-direction:column;height:100%;transition:background-color 1.5s;display:flex;position:relative;overflow:clip}.stage.idle{cursor:none}.backdrop{z-index:-2;filter:blur(90px)saturate(1.25)brightness(.5);opacity:.75;background:50%/cover no-repeat;animation:1.4s both fade-in;position:absolute;inset:-12%}.vignette{z-index:-1;pointer-events:none;background:radial-gradient(75% 70% at 38%,#0000 30%,#0806058c 75%,#080605d9 100%),linear-gradient(90deg,#0000 45%,#08060559);position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}}.banners{z-index:5;justify-items:center;gap:.5rem;display:grid;position:absolute;top:1.25rem;left:50%;transform:translate(-50%)}.banner{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:.55rem 1.1rem;font-size:.9rem;box-shadow:0 8px 24px #00000059}.scene{--info:clamp(18rem, 28vw, 30rem);--gap:clamp(2rem, 5vw, 6rem);grid-template-columns:auto var(--info);column-gap:var(--gap);scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex:1;place-content:safe center center;align-items:center;min-height:0;padding:4vh 4vw;display:grid;overflow-y:auto}.drift{translate:var(--drift-x) var(--drift-y);animation:1380s ease-in-out infinite alternate drift-x,1020s ease-in-out infinite alternate drift-y}.deck{width:min(calc((88vh - var(--credit-h)) * 100 / 76), calc(92vw - var(--info) - var(--gap)))}@media (aspect-ratio<=5/4){.scene{grid-template-columns:auto;row-gap:4vh}.deck,.info{width:min(92vw,73.6842vh)}}@property --drift-x{syntax:"<length>";inherits:false;initial-value:0}@property --drift-y{syntax:"<length>";inherits:false;initial-value:0}@keyframes drift-x{0%{--drift-x:-1vmin}to{--drift-x:1vmin}}@keyframes drift-y{0%{--drift-y:-1vmin}to{--drift-y:1vmin}}.deck{aspect-ratio:100/76;container-type:inline-size}.plinth{background:linear-gradient(155deg,#ffe8cd1a,#0000 38%,#0000004d),linear-gradient(115deg,#0000 52%,#ffecd60d 60%,#0000 70%),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjkxMiIgdmlld0JveD0iMCAwIDEyMDAgOTEyIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8IS0tCiAgICBXYWxudXQgdmVuZWVyIGZvciB0aGUgcGxpbnRoLCBnZW5lcmF0ZWQgcmF0aGVyIHRoYW4gcGhvdG9ncmFwaGVkOgogICAgICBncmFpbiAgLSBub2lzZSBzdHJldGNoZWQgYWxvbmcgeCAobG93IHggZnJlcXVlbmN5LCBoaWdoIHkpID0gbG9uZyBmaWJyZXMKICAgICAgZmlndXJlIC0gdmVyeSBsb3cgZnJlcXVlbmN5IG5vaXNlIHVzZWQgdG8gYmVuZCB0aG9zZSBmaWJyZXMsIHNvIHRoZQogICAgICAgICAgICAgICBncmFpbiB3YW5kZXJzIGxpa2UgcmVhbCB3b29kIGluc3RlYWQgb2YgcnVubmluZyBpbiBzdHJhaWdodCBsaW5lcwogICAgICB0b25lICAgLSBicm9hZCBsaWdodC9kYXJrIHBhdGNoZXMgaW4gdGhlIHRpbWJlcgogICAgVGhlIGNvbG91ciBtYXRyaWNlcyB0dXJuIG5vaXNlIGludG8gYnJvd24gdG9uZXMgd2l0aCBhbHBoYSwgbGF5ZXJlZCBvdmVyCiAgICB0aGUgcGxpbnRoJ3MgYmFzZSBjb2xvdXIgaW4gQ1NTLgogIC0tPgogIDwhLS0gUmVuZGVyZWQgcGFzdCB0aGUgZWRnZXMgYW5kIGNyb3BwZWQgYnkgdGhlIHZpZXdCb3g6IHRoZSBkaXNwbGFjZW1lbnQKICAgICAgIHB1bGxzIGluIHRyYW5zcGFyZW50IHBpeGVscyBuZWFyIGEgZmlsdGVyIHJlZ2lvbidzIGJvcmRlci4gLS0+CiAgPGZpbHRlciBpZD0iZ3JhaW4iIHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgogICAgPGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuMDAyMiAwLjA4NSIgbnVtT2N0YXZlcz0iNCIgc2VlZD0iMjEiIHJlc3VsdD0iZmlicmVzIi8+CiAgICA8ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC4wMDM1IDAuMDA2IiBudW1PY3RhdmVzPSIyIiBzZWVkPSI1IiByZXN1bHQ9ImZpZ3VyZSIvPgogICAgPGZlRGlzcGxhY2VtZW50TWFwIGluPSJmaWJyZXMiIGluMj0iZmlndXJlIiBzY2FsZT0iNzAiIHhDaGFubmVsU2VsZWN0b3I9IlIiIHlDaGFubmVsU2VsZWN0b3I9IkciIHJlc3VsdD0id2F2eSIvPgogICAgPGZlQ29sb3JNYXRyaXggaW49IndhdnkiIHZhbHVlcz0iMCAwIDAgMCAwLjEwICAwIDAgMCAwIDAuMDU1ICAwIDAgMCAwIDAuMDI1ICAwIDAgMCAtMy4yIDEuOTUiLz4KICA8L2ZpbHRlcj4KICA8ZmlsdGVyIGlkPSJ0b25lIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj4KICAgIDxmZVR1cmJ1bGVuY2UgdHlwZT0iZnJhY3RhbE5vaXNlIiBiYXNlRnJlcXVlbmN5PSIwLjAwMTYgMC4wMDYiIG51bU9jdGF2ZXM9IjIiIHNlZWQ9IjgiLz4KICAgIDxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjQ1ICAwIDAgMCAwIDAuMjcgIDAgMCAwIDAgMC4xNCAgMCAwIDAgLTEuNiAwLjk1Ii8+CiAgPC9maWx0ZXI+CiAgPHJlY3QgeD0iLTE1MCIgeT0iLTE1MCIgd2lkdGg9IjE1MDAiIGhlaWdodD0iMTIxMiIgZmlsdGVyPSJ1cmwoI3RvbmUpIi8+CiAgPHJlY3QgeD0iLTE1MCIgeT0iLTE1MCIgd2lkdGg9IjE1MDAiIGhlaWdodD0iMTIxMiIgZmlsdGVyPSJ1cmwoI2dyYWluKSIvPgo8L3N2Zz4K) 0 0/100% 100%,#4a2f1e;border-radius:1.8cqw;width:100%;height:100%;position:relative;box-shadow:inset 0 .18cqw #ffe8cd29,inset 0 -.35cqw #00000073,inset .15cqw 0 #ffe8cd0f,inset -.15cqw 0 #0000004d,0 .6cqw 1cqw #00000073,0 3.5cqw 6cqw #0000008c}.platter{z-index:1;background:conic-gradient(from 30deg,#9da0a6,#eef0f2 9%,#7b7e84 22%,#b4b7bc 34%,#e3e5e8 50%,#74777d 66%,#d7d9dc 82%,#9da0a6);border-radius:50%;place-items:center;width:69cqw;height:69cqw;display:grid;position:absolute;top:3.5cqw;left:2.5cqw;box-shadow:0 0 0 .12cqw #00000080,0 .8cqw 1.6cqw #00000080,0 2.2cqw 4cqw #00000059}.platter:before{content:"";background:repeating-conic-gradient(#28282c8c 0 .7deg, transparent .7deg 2.4deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle closest-side,#0000 0 96.9%,#000 97.2% 98.7%,#0000 99%);mask:radial-gradient(circle closest-side,#0000 0 96.9%,#000 97.2% 98.7%,#0000 99%)}.disc{will-change:transform;background:#0c0b0d;border:0;border-radius:50%;width:65cqw;height:65cqw;padding:0;animation:1.8s linear infinite paused spin;position:relative;overflow:hidden;box-shadow:0 .25cqw .8cqw #000000a6,inset 0 0 0 .12cqw #ffffff0d}.disc.spinning{animation-play-state:running}.disc:focus-visible{outline:.3cqw solid var(--accent);outline-offset:.3cqw}@keyframes spin{to{transform:rotate(360deg)}}.grooves{background:radial-gradient(circle closest-side,#0000 0 55.4%,#000000b3 55.6% 56.3%,#0000 56.5%),radial-gradient(circle closest-side,#0000 0 68.6%,#000000b3 68.8% 69.5%,#0000 69.7%),radial-gradient(circle closest-side,#0000 0 81.4%,#000000b3 81.6% 82.3%,#0000 82.5%),repeating-radial-gradient(circle closest-side,#0000 0,#ffffff0b .12cqw,#0000 .24cqw .42cqw);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle closest-side,#0000 0 42%,#000 43% 96.5%,#0000 97.2%);mask:radial-gradient(circle closest-side,#0000 0 42%,#000 43% 96.5%,#0000 97.2%)}.label{background:50%/cover no-repeat;border-radius:50%;width:36%;height:36%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .25cqw #0000008c,inset 0 0 0 .6cqw #0000001f}.label.blank{background:radial-gradient(circle closest-side,#e9dfcc 0 30%,#ddd0b8 31% 100%)}.sheen{pointer-events:none;mix-blend-mode:screen;background:conic-gradient(from 300deg,#0000 0deg,#ffffff21 16deg,#0000 38deg 180deg,#ffffff14 196deg,#0000 222deg),radial-gradient(circle at 30% 25%,#ffffff14,#0000 45%);border-radius:50%;width:65cqw;height:65cqw;position:absolute;-webkit-mask:radial-gradient(circle closest-side,#0000 0 36.2%,#000 36.8%);mask:radial-gradient(circle closest-side,#0000 0 36.2%,#000 36.8%)}.spindle{background:radial-gradient(circle at 35% 30%, #fff, var(--alu-2) 45%, var(--alu-3));border-radius:50%;width:1.5cqw;height:1.5cqw;position:absolute;box-shadow:0 .15cqw .3cqw #0009}.arm-rest{background:radial-gradient(circle at 40% 35%, var(--alu-1), var(--alu-3));z-index:2;border-radius:50%;width:2.8cqw;height:2.8cqw;position:absolute;top:49.6cqw;left:80.6cqw;box-shadow:0 .3cqw .6cqw #0000008c,inset 0 0 0 .5cqw #0000002e}.arm-base{background:radial-gradient(circle closest-side, transparent 0 52%, #00000059 53% 55%, transparent 56%), conic-gradient(from 210deg, var(--alu-2), var(--alu-1) 15%, var(--alu-3) 35%, var(--alu-2) 55%, var(--alu-1) 75%, var(--alu-2));z-index:3;border-radius:50%;width:12cqw;height:12cqw;position:absolute;top:8cqw;left:76cqw;box-shadow:0 .6cqw 1.2cqw #00000080,inset 0 0 0 .15cqw #ffffff59}.arm{width:0;height:0;transition:transform .8s var(--ease);filter:drop-shadow(.6cqw 1.1cqw .7cqw #00000073);position:absolute;top:50%;left:50%}.arm-tube{background:linear-gradient(90deg, var(--alu-3), var(--alu-1) 40%, #fff 50%, var(--alu-2) 70%, var(--alu-3));border-radius:.6cqw;width:1.1cqw;height:52cqw;position:absolute;top:-5cqw;left:-.55cqw}.counterweight{background:repeating-linear-gradient(#0000 0 .45cqw,#00000040 .45cqw .6cqw),linear-gradient(90deg,#1c1b1d,#4a494d 45%,#29282b 70%,#141315);border-radius:.9cqw;width:4.8cqw;height:7.5cqw;position:absolute;top:-12.5cqw;left:-2.4cqw}.bearing{background:radial-gradient(circle at 38% 32%, #fff, var(--alu-1) 30%, var(--alu-3) 80%);border-radius:50%;width:4.8cqw;height:4.8cqw;position:absolute;top:-2.4cqw;left:-2.4cqw;box-shadow:0 .2cqw .5cqw #0000008c}.headshell{transform-origin:50% 0;background:linear-gradient(90deg,#232225,#3c3b3f 50%,#1d1c1f);border-radius:.5cqw .5cqw .8cqw .8cqw;width:3.6cqw;height:6cqw;position:absolute;top:46.6cqw;left:-1.8cqw;transform:rotate(-15deg)}.finger-lift{background:linear-gradient(180deg, var(--alu-1), var(--alu-3));border-radius:.3cqw;width:2.6cqw;height:.55cqw;position:absolute;top:1.2cqw;right:-2.2cqw}.cartridge{background:linear-gradient(180deg, var(--accent), #8f6430);border-radius:.3cqw;height:2.8cqw;position:absolute;bottom:.5cqw;left:.55cqw;right:.55cqw}.arm.draggable{cursor:grab;touch-action:none}.arm.draggable .arm-tube:before{content:"";position:absolute;inset:0 -1.6cqw}.arm.dragging{cursor:grabbing;transition:none}.stage.idle .arm{cursor:none}.start-stop{background:linear-gradient(180deg, var(--alu-1), var(--alu-2));color:#3b3b40;letter-spacing:.16em;text-transform:uppercase;z-index:2;border:0;border-radius:.6cqw;align-content:center;place-items:center;gap:.6cqw;width:10.5cqw;height:5.4cqw;font-size:1cqw;font-weight:600;transition:transform .1s,box-shadow .1s;display:grid;position:absolute;bottom:3.2cqw;left:3.2cqw;box-shadow:inset 0 .12cqw #ffffffd9,inset 0 -.15cqw #0003,0 .3cqw .6cqw #00000080}.start-stop:active:not(:disabled){transform:translateY(.12cqw);box-shadow:inset 0 .12cqw #fff9,0 .1cqw .25cqw #00000080}.start-stop .led{background:#5a3a24;border-radius:50%;width:.75cqw;height:.75cqw;transition:background .3s,box-shadow .3s;box-shadow:inset 0 .1cqw .15cqw #00000080}.start-stop.on .led{background:#ffb15c;box-shadow:0 0 .6cqw #ff9a3c,0 0 1.4cqw #ff9a3c99}.vu{z-index:2;background:linear-gradient(#0b0a0c,#151316);border-radius:.7cqw;gap:.9cqw;padding:1.2cqw 1.2cqw .7cqw;display:flex;position:absolute;bottom:3.2cqw;right:3.2cqw;box-shadow:inset 0 .35cqw .9cqw #000000d9,0 .12cqw #ffe8cd1f}.vu:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,#ffffff12,#0000 45%);position:absolute;inset:0}.vu-channel{flex-direction:column;align-items:center;gap:.6cqw;display:flex}.vu-channel small{letter-spacing:.1em;color:#fff6;font-size:.95cqw;font-weight:600}.vu-bars{--level:0;flex-direction:column-reverse;gap:.42cqw;display:flex}.vu-seg{--seg:#63d46e;background:var(--seg);width:2.3cqw;height:1.3cqw;box-shadow:0 0 .8cqw var(--seg);opacity:clamp(.1, calc(var(--level) * 12 - var(--i)), 1);border-radius:.2cqw}.vu-seg.amber{--seg:#f2b33d}.vu-seg.red{--seg:#ef4b3f}.info{align-content:center;gap:2.25rem;min-width:0;display:grid}.now-playing{min-width:0}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:.6rem;margin:0;font-size:.75rem;font-weight:600;display:flex}.eyebrow .dot{background:var(--accent);width:.45rem;height:.45rem;box-shadow:0 0 .6rem var(--accent);border-radius:50%;animation:2.4s ease-in-out infinite breathe}.eyebrow.paused .dot{background:var(--ink-3);box-shadow:none;animation:none}@keyframes breathe{50%{opacity:.35}}.now-playing .title{font-family:var(--serif);letter-spacing:-.012em;text-wrap:balance;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:1rem 0;font-size:clamp(2.4rem,4.2vw,4.75rem);font-weight:400;line-height:1.02;display:-webkit-box;overflow:hidden}.now-playing .artist{color:var(--ink);margin:0;font-size:clamp(1.1rem,1.35vw,1.45rem);font-weight:500}.now-playing .album{color:var(--ink-3);margin:.35rem 0 0;font-size:1rem}.now-playing.empty .artist{color:var(--ink-2);font-weight:400}.progress{margin-top:2.25rem}.rail{cursor:pointer;background:#ffffff24;border-radius:2px;height:4px;transition:height .15s;position:relative}.rail:before{content:"";position:absolute;inset:-10px 0}.rail:hover{height:6px}.fill{border-radius:inherit;background:var(--ink);height:100%}.times{font-variant-numeric:tabular-nums;color:var(--ink-3);justify-content:space-between;margin-top:.65rem;font-size:.8rem;display:flex}.up-next{border-top:1px solid var(--line);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;margin:1.75rem 0 0;padding-top:1.25rem;font-size:.92rem;overflow:hidden}.up-next>span:first-child{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);margin-right:.75rem;font-size:.68rem;font-weight:600}.up-next .sep{color:var(--ink-3)}.transport{gap:1.5rem;transition:opacity .6s;display:grid}.stage.idle .transport{opacity:0;pointer-events:none}:root{--credit-h:2.25rem}.repo-link{z-index:4;text-align:center;max-width:calc(100% - 2rem);color:var(--ink-3);border-radius:999px;flex:none;justify-content:center;align-self:center;align-items:center;gap:.4rem;margin:.15rem 1rem .6rem;padding:.25rem .75rem;font-size:.78rem;line-height:1.2;text-decoration:none;transition:opacity .6s,color .2s,background .2s;display:inline-flex}.repo-link:hover{color:var(--ink);background:#ffffff12}.stage.idle .repo-link{opacity:0;pointer-events:none}.transport .buttons{align-items:center;gap:1rem;display:flex}.icon-btn,.play-btn,.text-btn{transition:background .2s, transform .15s var(--ease), opacity .2s;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn{width:3rem;height:3rem;color:var(--ink-2);background:0 0;border-radius:50%}.icon-btn.small{width:2.5rem;height:2.5rem}.icon-btn:hover:not(:disabled){color:var(--ink);background:#ffffff14}.play-btn{background:var(--ink);color:#1c1410;border-radius:50%;width:4.25rem;height:4.25rem;box-shadow:0 10px 28px #0006}.play-btn:hover:not(:disabled){transform:scale(1.05)}.play-btn:active:not(:disabled),.icon-btn:active:not(:disabled){transform:scale(.96)}.icon-btn:disabled,.play-btn:disabled{opacity:.35}.volume{color:var(--ink-3);align-items:center;gap:.75rem;max-width:18rem;display:flex}.volume input{appearance:none;background:linear-gradient(90deg, var(--ink-2) var(--pct,80%), #ffffff24 var(--pct,80%));cursor:pointer;border-radius:2px;flex:1;height:4px}.volume input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border-radius:50%;width:14px;height:14px;box-shadow:0 2px 6px #0006}.volume input::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:14px;height:14px}.secondary{align-items:center;gap:.5rem;display:flex}.text-btn{border:1px solid var(--line);color:var(--ink-2);background:#ffffff0f;border-radius:999px;gap:.55rem;padding:.6rem 1.1rem;font-size:.9rem;font-weight:500}.text-btn:hover{color:var(--ink);background:#ffffff1c}.scrim{z-index:9;background:#08060573;animation:.35s both fade-in;position:absolute;inset:0}.crate{z-index:10;-webkit-backdrop-filter:blur(28px)saturate(1.2);backdrop-filter:blur(28px)saturate(1.2);border-left:1px solid var(--line);width:min(28rem,92vw);transition:transform .45s var(--ease);background:#140f0ce0;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(105%);box-shadow:-2rem 0 4rem #00000073}.crate.open{transform:none}.crate header{justify-content:space-between;align-items:center;padding:1.75rem 1.5rem 1rem 1.75rem;display:flex}.crate header span{font-family:var(--serif);font-size:2.1rem;line-height:1}.crate header button{width:2.5rem;height:2.5rem;color:var(--ink-2);background:0 0;border:0;border-radius:50%;font-size:1.6rem;line-height:1}.crate header button:hover{color:var(--ink);background:#ffffff14}.crate p{color:var(--ink-3);padding:0 1.75rem}.crate-search{font:inherit;color:var(--ink);border:1px solid var(--line);background:#ffffff0f;border-radius:999px;outline:0;margin:0 1.75rem 1rem;padding:.75rem 1.1rem;font-size:.95rem;transition:border-color .2s,background .2s}.crate-search:focus{background:#ffffff17;border-color:#d6a15c99}.crate-search::placeholder{color:var(--ink-3)}.crate ul{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;margin:0;padding:0 1rem 1.5rem;list-style:none;overflow-y:auto}.crate li button{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:1rem;width:100%;padding:.55rem .75rem;transition:background .15s;display:flex}.crate li button:hover,.crate li button:focus-visible{background:#ffffff12;outline:0}.crate img,.crate .no-art{object-fit:cover;background:#2b2420;border-radius:6px;flex:none;width:3.5rem;height:3.5rem;box-shadow:0 4px 12px #00000059}.crate li span{min-width:0}.crate strong{white-space:nowrap;text-overflow:ellipsis;font-weight:550;display:block;overflow:hidden}.crate small{color:var(--ink-3);margin-top:.2rem;font-size:.82rem;display:block}.jukebox-scene{flex:1;place-items:center;min-height:0;display:grid}@property --neon{syntax:"<color>";inherits:true;initial-value:#ff4f8b}.jukebox{--neon:#ff4f8b;--paper:#fbf6ea;--paper-2:#d9cfbb;--type:#2a1d14;--typewriter:"Courier Prime", "Courier New", monospace;width:min(96vw, calc((94vh - var(--credit-h)) * 16 / 9));aspect-ratio:16/9;transition:--neon 1.5s;container-type:inline-size}.cabinet{box-sizing:border-box;height:100%;box-shadow:inset 0 0 0 .27cqw var(--alu-2), inset 0 0 0 .45cqw #0006, 0 2cqw 4.5cqw #0009;background:linear-gradient(155deg,#ffe8cd1f,#0000 40%,#00000059),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjkxMiIgdmlld0JveD0iMCAwIDEyMDAgOTEyIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8IS0tCiAgICBXYWxudXQgdmVuZWVyIGZvciB0aGUgcGxpbnRoLCBnZW5lcmF0ZWQgcmF0aGVyIHRoYW4gcGhvdG9ncmFwaGVkOgogICAgICBncmFpbiAgLSBub2lzZSBzdHJldGNoZWQgYWxvbmcgeCAobG93IHggZnJlcXVlbmN5LCBoaWdoIHkpID0gbG9uZyBmaWJyZXMKICAgICAgZmlndXJlIC0gdmVyeSBsb3cgZnJlcXVlbmN5IG5vaXNlIHVzZWQgdG8gYmVuZCB0aG9zZSBmaWJyZXMsIHNvIHRoZQogICAgICAgICAgICAgICBncmFpbiB3YW5kZXJzIGxpa2UgcmVhbCB3b29kIGluc3RlYWQgb2YgcnVubmluZyBpbiBzdHJhaWdodCBsaW5lcwogICAgICB0b25lICAgLSBicm9hZCBsaWdodC9kYXJrIHBhdGNoZXMgaW4gdGhlIHRpbWJlcgogICAgVGhlIGNvbG91ciBtYXRyaWNlcyB0dXJuIG5vaXNlIGludG8gYnJvd24gdG9uZXMgd2l0aCBhbHBoYSwgbGF5ZXJlZCBvdmVyCiAgICB0aGUgcGxpbnRoJ3MgYmFzZSBjb2xvdXIgaW4gQ1NTLgogIC0tPgogIDwhLS0gUmVuZGVyZWQgcGFzdCB0aGUgZWRnZXMgYW5kIGNyb3BwZWQgYnkgdGhlIHZpZXdCb3g6IHRoZSBkaXNwbGFjZW1lbnQKICAgICAgIHB1bGxzIGluIHRyYW5zcGFyZW50IHBpeGVscyBuZWFyIGEgZmlsdGVyIHJlZ2lvbidzIGJvcmRlci4gLS0+CiAgPGZpbHRlciBpZD0iZ3JhaW4iIHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgogICAgPGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuMDAyMiAwLjA4NSIgbnVtT2N0YXZlcz0iNCIgc2VlZD0iMjEiIHJlc3VsdD0iZmlicmVzIi8+CiAgICA8ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC4wMDM1IDAuMDA2IiBudW1PY3RhdmVzPSIyIiBzZWVkPSI1IiByZXN1bHQ9ImZpZ3VyZSIvPgogICAgPGZlRGlzcGxhY2VtZW50TWFwIGluPSJmaWJyZXMiIGluMj0iZmlndXJlIiBzY2FsZT0iNzAiIHhDaGFubmVsU2VsZWN0b3I9IlIiIHlDaGFubmVsU2VsZWN0b3I9IkciIHJlc3VsdD0id2F2eSIvPgogICAgPGZlQ29sb3JNYXRyaXggaW49IndhdnkiIHZhbHVlcz0iMCAwIDAgMCAwLjEwICAwIDAgMCAwIDAuMDU1ICAwIDAgMCAwIDAuMDI1ICAwIDAgMCAtMy4yIDEuOTUiLz4KICA8L2ZpbHRlcj4KICA8ZmlsdGVyIGlkPSJ0b25lIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj4KICAgIDxmZVR1cmJ1bGVuY2UgdHlwZT0iZnJhY3RhbE5vaXNlIiBiYXNlRnJlcXVlbmN5PSIwLjAwMTYgMC4wMDYiIG51bU9jdGF2ZXM9IjIiIHNlZWQ9IjgiLz4KICAgIDxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjQ1ICAwIDAgMCAwIDAuMjcgIDAgMCAwIDAgMC4xNCAgMCAwIDAgLTEuNiAwLjk1Ii8+CiAgPC9maWx0ZXI+CiAgPHJlY3QgeD0iLTE1MCIgeT0iLTE1MCIgd2lkdGg9IjE1MDAiIGhlaWdodD0iMTIxMiIgZmlsdGVyPSJ1cmwoI3RvbmUpIi8+CiAgPHJlY3QgeD0iLTE1MCIgeT0iLTE1MCIgd2lkdGg9IjE1MDAiIGhlaWdodD0iMTIxMiIgZmlsdGVyPSJ1cmwoI2dyYWluKSIvPgo8L3N2Zz4K) 0 0/100% 100%,#4a2f1e;border-radius:2.9cqw;flex-direction:column;gap:1.3cqw;padding:1.6cqw;display:flex}.marquee,.dome,.strips{box-shadow:inset 0 0 0 .3cqw var(--alu-1), inset 0 0 0 .45cqw #00000080, inset 0 .9cqw 2cqw #000000a6}.marquee{background:radial-gradient(50% 120%,#2a1712,#0d0908);border-radius:1.6cqw;flex:none;align-items:center;height:6cqw;padding:0 2.4cqw;display:flex}.marquee small{min-width:0;font:700 .85cqw var(--typewriter);letter-spacing:.18em;text-transform:uppercase;color:#fbf6eabf;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.marquee small:last-child{text-align:right}.neon-sign{font:3.8cqw/1 "Monoton", var(--serif);letter-spacing:.06em;color:#fff1f6;text-shadow:0 0 .4cqw var(--neon), 0 0 1.2cqw var(--neon), 0 0 2.8cqw var(--neon);padding:0 2cqw;animation:7s linear infinite flicker}@keyframes flicker{0%,47%,50%,to{opacity:1}48%{opacity:.82}}.jukebox-main{flex:1;gap:1.6cqw;min-height:0;display:flex}.dome{box-sizing:border-box;background:radial-gradient(80% 60% at 50% 40%,#2e2018,#0d0908 75%);border-radius:14cqw 14cqw 1.2cqw 1.2cqw;flex-direction:column;flex:none;gap:1cqw;width:28cqw;padding:1.3cqw;display:flex;position:relative;overflow:hidden}.dome:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff17,#0000 34%);position:absolute;inset:0}.dome-record{flex:1;place-items:center;min-height:0;display:grid}.single-wrap{aspect-ratio:1;height:min(18cqw,100%);position:relative}.dome-record>.single-wrap{grid-area:1/1}.single-wrap.leaving{animation:.55s cubic-bezier(.5,0,.75,0) forwards put-away}.single-wrap.arriving{animation:fetch-record .75s .45s var(--ease) backwards}.single-wrap.arriving .single{animation-play-state:paused}@keyframes put-away{30%{transform:translateY(-4%)scale(1.04)}to{transform:translateY(-140%)scale(.92)}}@keyframes fetch-record{0%{transform:translateY(-140%)scale(.92)}75%{transform:translateY(2%)scale(1.03)}to{transform:none}}.single,.single-sheen{border-radius:50%;position:absolute;inset:0}.single{will-change:transform;background:repeating-radial-gradient(circle closest-side,#0c0b0d 0,#1c1a1e .15cqw,#0c0b0d .3cqw);animation:1.333s linear infinite paused spin;box-shadow:0 .8cqw 1.7cqw #000000bf}.single.spinning{animation-play-state:running}.single-label{background:50%/cover no-repeat;border-radius:50%;width:42%;height:42%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .2cqw #00000080}.single-label.blank{background:radial-gradient(circle closest-side,#e9dfcc 0 30%,#ddd0b8 31% 100%)}.single-label:after{content:"";background:radial-gradient(circle at 40% 35%,#f2f3f5,#9a9da3 70%);border-radius:50%;position:absolute;inset:34%;box-shadow:0 .06cqw .2cqw #0009}.single-sheen{pointer-events:none;mix-blend-mode:screen;background:conic-gradient(from 300deg,#0000 0deg,#ffffff24 16deg,#0000 38deg 180deg,#ffffff14 196deg,#0000 222deg)}.readout{z-index:1;background:var(--paper);color:var(--type);box-shadow:0 0 0 .2cqw var(--neon), 0 0 1.6cqw var(--neon);border-radius:.5cqw;flex-direction:column;gap:.6cqw;padding:.9cqw 1cqw;display:flex;position:relative}.readout-head{font:700 .78cqw var(--typewriter);letter-spacing:.16em;text-transform:uppercase;font-variant-numeric:tabular-nums;justify-content:space-between;gap:1cqw;display:flex}.readout h1{font:400 2.2cqw/1 var(--serif);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .3cqw;display:-webkit-box;overflow:hidden}.readout p{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95cqw;font-weight:500;overflow:hidden}.rail-45{background:var(--paper-2);cursor:pointer;border-radius:.2cqw;height:.4cqw;position:relative;box-shadow:inset 0 .06cqw .12cqw #00000040}.rail-45:before{content:"";position:absolute;inset:-.6cqw 0}.rail-45 .fill{background:var(--type)}.strips{box-sizing:border-box;background:linear-gradient(#1a120d,#0f0a07);border-radius:1.15cqw;flex:1;grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:column;gap:.65cqw .9cqw;min-width:0;padding:1.15cqw;display:grid}.strip{background:var(--paper);min-width:0;color:var(--type);text-align:left;transition:box-shadow .3s, transform .15s var(--ease);border:0;border-radius:.25cqw;align-items:stretch;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 .12cqw .25cqw #00000073,inset 0 0 0 .06cqw #0003}button.strip:hover{transform:translateY(-.1cqw)}.strip.playing{box-shadow:0 0 0 .2cqw var(--neon), 0 0 1.4cqw var(--neon)}.strip.empty{opacity:.3}.strip .code{background:var(--type);width:3cqw;color:var(--paper);font:700 .95cqw var(--typewriter);flex:none;place-items:center;display:grid}.strip .text{flex-direction:column;flex:1;min-width:0;display:flex}.strip strong{min-height:0;font:700 .9cqw/1.15 var(--typewriter);letter-spacing:.05em;text-transform:uppercase;flex:1;align-items:center;padding:0 .75cqw;display:flex}.strip strong span{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.strip .band{font:500 .75cqw var(--sans);white-space:nowrap;text-overflow:ellipsis;padding:.2cqw .75cqw;overflow:hidden}.queued-badge{box-sizing:border-box;background:var(--type);min-width:1.4cqw;height:1.4cqw;color:var(--paper);font:700 .75cqw var(--typewriter);box-shadow:0 0 0 .12cqw var(--neon), 0 0 .7cqw var(--neon);border-radius:999px;place-items:center;padding:0 .35cqw;display:grid;position:absolute;top:.35cqw;right:.35cqw}.band-0{background:#f4a6b8}.band-1{background:#9cc7e8}.band-2{background:#f6d36b}.band-3{background:#a8d8a0}.jukebox-bar{box-sizing:border-box;height:6cqw;color:var(--type);background:linear-gradient(#f2f3f5,#c3c5ca 45%,#8d9096);border-radius:1.25cqw;flex:none;justify-content:space-between;align-items:center;gap:1.5cqw;padding:0 1.75cqw;display:flex;box-shadow:inset 0 .12cqw #fff,inset 0 -.2cqw #00000040,0 .4cqw .9cqw #0006}.bar-group{align-items:center;gap:.5cqw;display:flex}.bar-divider{background:#00000040;width:.12cqw;height:2.2cqw;margin:0 .4cqw}.jukebox-bar svg{width:1.3cqw;height:1.3cqw}.key,.piano{background:linear-gradient(180deg, var(--paper), var(--paper-2));color:var(--type);border:0;place-items:center;padding:0;transition:transform .1s,box-shadow .2s;display:grid}.key{width:2.75cqw;height:2.75cqw;font:700 1cqw var(--typewriter);border-radius:50%;box-shadow:inset 0 -.2cqw #0003,0 .2cqw .3cqw #00000073}.key[aria-pressed=true]{background:var(--type);color:var(--paper);box-shadow:0 0 0 .2cqw var(--neon), inset 0 .12cqw .2cqw #00000080}.piano{border-radius:.5cqw .5cqw .75cqw .75cqw;width:4.5cqw;height:3.5cqw;box-shadow:inset 0 -.25cqw #0003,0 .2cqw .4cqw #00000073}.piano.wide{width:5.25cqw}.piano.lit{box-shadow:inset 0 -.25cqw 0 #0003, 0 0 0 .2cqw var(--neon), 0 0 1.1cqw var(--neon)}.key:active:not(:disabled),.piano:active:not(:disabled){transform:translateY(.12cqw)}.key:disabled,.piano:disabled{opacity:.4}.bar-label{font:700 .75cqw var(--typewriter);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.6cqw;margin-right:.6cqw;display:flex}.bar-label input{width:9cqw;accent-color:var(--type);cursor:pointer}.pill-key{background:var(--type);height:2.75cqw;color:var(--paper);font:700 .8cqw var(--typewriter);letter-spacing:.14em;text-transform:uppercase;border:0;border-radius:999px;align-items:center;gap:.5cqw;padding:0 1.1cqw;display:inline-flex;box-shadow:0 .2cqw .4cqw #00000073}.pill-key:hover{background:#3d2a1e}.pill-key:disabled{opacity:.45;cursor:default;background:var(--type)}.pill-key.mode .led{background:#5a3a24;border-radius:50%;width:.55cqw;height:.55cqw;transition:background .3s,box-shadow .3s;box-shadow:inset 0 .06cqw .1cqw #00000080}.pill-key.mode.on .led{background:var(--neon);box-shadow:0 0 .5cqw var(--neon), 0 0 1cqw var(--neon)}.dome,.jukebox-bar,.cabinet{transition:filter 2s}.jukebox.attract .dome,.jukebox.attract .jukebox-bar{filter:brightness(.55)}.jukebox.attract .neon-sign{animation:4s ease-in-out infinite neon-breathe}.jukebox.attract .strip{animation:9s linear infinite chase;animation-delay:calc(var(--i) * .5s)}@keyframes chase{0%,9%,to{box-shadow:0 .12cqw .25cqw #00000073,inset 0 0 0 .06cqw #0003}3%{box-shadow:0 0 0 .2cqw var(--neon), 0 0 1.4cqw var(--neon)}}@keyframes neon-breathe{50%{opacity:.55}}.jukebox.asleep .cabinet{filter:brightness(.3)}.jukebox.asleep .neon-sign{animation:none}@media (prefers-reduced-motion:reduce){.disc,.single,.single-wrap,.neon-sign,.record-mark,.eyebrow .dot,.jukebox.attract .neon-sign,.jukebox.attract .strip{animation:none}.jukebox{transition:none}.vu{display:none}}