@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.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:Fragment Mono;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,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)format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAAWUAA4AAAAABvAAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAABRAAAABYAAAAWABEABEdQT1MAAAFcAAAAHgAAAB5EdEx1R1NVQgAAAXwAAAAnAAAAKLj8uOpPUy8yAAABpAAAAFUAAABgYo+sRGNtYXAAAAH8AAAAQgAAAFxB0OJbZ2FzcAAAAkAAAAAIAAAACAAAABBnbHlmAAACSAAAAT0AAAFaNhXKIGhlYWQAAAOIAAAANgAAADYqgLJdaGhlYQAAA8AAAAAfAAAAJBAY8MdobXR4AAAD4AAAABkAAAAiEYUB02xvY2EAAAP8AAAAFAAAABQBUAHKbWF4cAAABBAAAAAcAAAAIAAjAQBuYW1lAAAELAAAARoAAAJuNApRAXBvc3QAAAVIAAAASwAAAF2B645zAAEAAAAMAAAAAAAAAAIAAQABAAMAAQAAAAEAAAAKABwAHAABREZMVAAIAAQAAAAA//8AAAAAAAB42mNgZGBg4GJQA0ImFzefEAahnMSSPAY+BhBgARH//4NIAFpJBVUAeNotxbENQEAYhuH3/87hwhA3g1KvEANQGcAoKolJJKLR2AwJT/OQaLIFD5o1AN23jVRWgwofnF4JkAHi1zctXMS4u+NOwW0WIrYCqNQJRPIH7S0K2QAAAHjaY2BgYAJiZiAWAZKMYJqFwQNI8zFwAOXYGBQYHBkWMBxkZFLY8v8/UByF///J/wP/U/87/me8HwTUjQIAZb8SQgAAAAEAAf//AA942mJgAvQ4zXARx1H8vd8x2zx8riX/lW3btt2SzS3M7VN7t4Qte7q2ptx++sVnvy9UABBHogURyAAUCgcFUiWOxjTcMzbhnHGKaA2NZJ5O+tLJHDopA0s6GaCSqZwYJ2RE+Bz3GdfwMKozLh81XV3R+VT0wwyT6WdDtEk0gAB0T2Yywu5/ff2/Lqe1XfrB2/RG8sgJuEAQgJOC51iNSimVqXieCXd1cZYxLoovlro4uzLhvMDYEpVSw7G8oPLGVceU6KR8cYF4vK12yLbUcE7CjS2WxRlpRViAsR3J/RNiaRoeeAcJybFcWXN7pUadlJHkqYpJT4yMLA/rrXbwswNAlJACvCePIKKJwMhQ0jC4TQq2tmgKO6QUT4gOrCg6hkIQGKmUItiJlhcXy6PFhYkJhUSXlJSWmAhmxutO9wAAAAABAAAAAQLRsUtkZV8PPPUADwPoAAAAAN9+te8AAAAA3362EvlE/vcTHAOxAAAABgACAAAAAAAAeNpjYGRgYN72n42BgSnrp8t7P2EZoAgq4AAAe9wE3gB42mPKYogAYjkkzADFMgwMjKwM8wFSaARoAAAAAAAAFQAuADoARgBGAEYAiACWAK142mNgZGBg4GTIZ2Bn6GfgAvMQgIOBEQAZTQEkeNqNkQVOREEQRB/uxIPEfgR3d3d3iKHr7rvhWpyCQ3AYKpN1T6emvbvSA7TjpImG5g7gt2E3bTcw2DCcthvpbehP201s8pe2mxnnJ2238Mhb2m5llOW03SsL3MQlYWKsMyOJYSOKR5G47GnBg186RBSX8jcccylE+ZQfwEFQlVfKB4Up7hVxkVDPJ1Ge5UXNDOWxmGOaWeYkG1hms5NPEtIh3HjMLItRkqZyVVgUVphiCbvwxVjJbiu73Sranr/thSPOpOtkXuRV3nkghPk2N3PhNrl5ZoV5WY+41WGV9E/lcb4lKu1Vxma698w93ObiMXON4j9y4TEVCb6YVleIgKIpTfCkX+X4JIgrz5rBWcIikGYx9g9ueGIvAAB42mNgYgCD/3MYjIAUIwM64ARiFYaTjEwMzIzMjCyMrIxsbI5JRallqeyleZkGBo4GINrIwMmEMzG5tCQ1OT83CSxjbGAGANg9D2UA)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fragment Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fragment-mono-latin-ext-400-normal-BbKYyvR9.woff2)format("woff2"),url(/assets/fragment-mono-latin-ext-400-normal-CT4YFKeK.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:Fragment Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fragment-mono-latin-400-normal-yxdJ5AmL.woff2)format("woff2"),url(/assets/fragment-mono-latin-400-normal-BYwT3kSJ.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,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f1f5f2;--bg-2:#e8eee9;--surface:#fff;--surface-2:#f6f9f7;--surface-glass:#ffffffc7;--ink:#06150d;--ink-2:#44534a;--ink-3:#829088;--ink-4:#b4c1b9;--line:#06150d1a;--line-2:#06150d0e;--accent:#a3f0cf;--accent-ink:#06150d;--accent-2:#14a36c;--lime:#e2f44c;--red:#ff4a2e;--invert:#06150d;--invert-ink:#fff;--shadow-sm:0 1px 0 #06150d08, 0 0 0 1px var(--line);--shadow-md:0 10px 28px -16px #06150d2e, 0 0 0 1px var(--line);--shadow-lg:0 34px 80px -28px #06150d4d, 0 0 0 1px var(--line);--grain-opacity:.28;--grain-blend:multiply;--dot:#0628161f;--halo-a:#23b06d;--halo-b:#b2f2cf;--stage-floor:#06150d4d}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#040806;--bg-2:#08100b;--surface:#0c120e;--surface-2:#121a15;--surface-glass:#0c120ebd;--ink:#edf5f0;--ink-2:#a5b4ab;--ink-3:#69796f;--ink-4:#37443c;--line:#dcffeb17;--line-2:#dcffeb0d;--accent:#9cf0cc;--accent-2:#3fd89a;--invert:#edf5f0;--invert-ink:#040806;--shadow-sm:0 1px 2px #0006, 0 0 0 1px var(--line);--shadow-md:0 14px 34px -14px #000000b3, 0 0 0 1px var(--line);--shadow-lg:0 34px 90px -28px #000000d9, 0 0 0 1px var(--line);--grain-opacity:.14;--grain-blend:screen;--dot:#c8ffde12;--halo-a:#10804c;--halo-b:#4fdc98;--stage-floor:#000000bf}:root{--sans:"Geist Variable", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:"Geist Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--tag:"Fragment Mono", var(--mono);--spring:cubic-bezier(.34, 1.56, .64, 1);--ease:cubic-bezier(.2, .8, .2, 1);--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42  0 0 0 0 .55  0 0 0 0 .46  0 0 0 2.4 -.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--noise-fine:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");--noise-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 9 -4.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--radius:14px;--radius-sm:10px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{background:var(--bg);min-height:100svh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s var(--ease), color .4s var(--ease);margin:0;font-size:15px;line-height:1.45;overflow-x:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}img{max-width:100%;display:block}a{color:inherit}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:8px}.grain{pointer-events:none;z-index:100;background-image:var(--noise);width:300%;height:300%;opacity:calc(var(--grain-opacity) * var(--grain-mult,1));mix-blend-mode:var(--grain-blend);will-change:transform;contain:strict;transition:opacity .35s var(--ease);background-size:200px;animation:1.2s step-end infinite grain;position:fixed;inset:-100%}.grain-burst .grain{opacity:calc(var(--grain-opacity) * var(--grain-mult,1) * 2.1);transition-duration:.12s}@keyframes grain{0%{transform:translate(0)}12%{transform:translate(-3%,-5%)}25%{transform:translate(4%,2%)}37%{transform:translate(-6%,4%)}50%{transform:translate(2%,-6%)}62%{transform:translate(-2%,6%)}75%{transform:translate(5%,-1%)}87%{transform:translate(-4%,-3%)}}.granular{isolation:isolate;position:relative}.granular:after{content:"";border-radius:inherit;pointer-events:none;background-image:var(--noise-fine);opacity:.12;mix-blend-mode:var(--grain-blend);z-index:-1;background-size:160px;position:absolute;inset:0}.backdrop-dots{pointer-events:none;z-index:0;background-image:radial-gradient(circle, var(--dot) .8px, transparent 1.2px);background-position:11px 11px;background-size:22px 22px;position:fixed;inset:0;-webkit-mask:radial-gradient(80% 70% at 40% 45%,#000 30%,#0000 85%);mask:radial-gradient(80% 70% at 40% 45%,#000 30%,#0000 85%)}.stipple{-webkit-mask-image:var(--fade,radial-gradient(closest-side, #000 20%, transparent)), var(--noise-mask);-webkit-mask-composite:source-in;-webkit-mask-image:var(--fade,radial-gradient(closest-side, #000 20%, transparent)), var(--noise-mask);mask-image:var(--fade,radial-gradient(closest-side, #000 20%, transparent)), var(--noise-mask);-webkit-mask-size:100% 100%,220px 220px;mask-size:100% 100%,220px 220px;-webkit-mask-composite:source-in;mask-composite:intersect}.backdrop-glow{--fade:radial-gradient(50% 50% at 50% 50%, #000 10%, #0000008c 45%, transparent 78%);pointer-events:none;z-index:0;background:radial-gradient(closest-side, var(--halo-b), var(--halo-a) 55%, transparent);opacity:.55;width:90vw;height:90vh;position:fixed;bottom:-38vh;left:-18vw}[data-theme=dark] .backdrop-glow{opacity:.6}.tag{font-family:var(--tag);box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:13px;line-height:1;display:inline-flex}.chip{font-family:var(--mono);background:var(--surface-2);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;letter-spacing:.01em;border-radius:4px;align-items:center;padding:4px 6px 3px;font-size:11px;line-height:1;display:inline-flex}.chip--spotify{background:var(--lime);color:#1b2604;box-shadow:none}.chip--youtube{background:var(--red);color:#fff;box-shadow:none}.chip--house{background:var(--accent);color:var(--accent-ink);box-shadow:none}.chip--ink{background:var(--invert);color:var(--invert-ink);box-shadow:none}.mono{font-family:var(--mono);letter-spacing:.01em;font-size:12px}.muted{color:var(--ink-3)}.label-caps{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:11px}.btn{--btn-bg:var(--surface);--btn-ink:var(--ink);background:var(--btn-bg);height:38px;color:var(--btn-ink);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--line), 0 1px 2px #06150d0a;transition:transform .35s var(--spring), background-color .2s, box-shadow .2s, filter .2s;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{filter:brightness(.97);box-shadow:inset 0 0 0 1px var(--ink-4), 0 4px 14px -6px #06150d33}.btn:active{transition-duration:80ms;transform:scale(.95)}.btn[disabled]{opacity:.5;pointer-events:none}.btn--accent{--btn-bg:var(--accent);--btn-ink:var(--accent-ink);box-shadow:inset 0 0 0 1px #06150d1a}.btn--accent:hover{filter:brightness(1.04)saturate(1.1);box-shadow:inset 0 0 0 1px #06150d24, 0 8px 24px -8px var(--accent)}.btn--ink{--btn-bg:var(--invert);--btn-ink:var(--invert-ink);box-shadow:none}.btn--ghost{--btn-bg:transparent;box-shadow:none}.btn--ghost:hover{--btn-bg:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.btn--lg{border-radius:12px;height:46px;padding:0 18px;font-size:15px}.btn--sm{border-radius:8px;height:30px;padding:0 10px;font-size:13px}.btn-split{display:inline-flex}.icon-btn{width:36px;height:36px;color:var(--ink-2);transition:transform .35s var(--spring), background-color .2s, color .2s;border-radius:10px;place-items:center;display:inline-grid;position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.icon-btn:active{transition-duration:80ms;transform:scale(.88)}.icon-btn[data-on=true]{color:var(--ink);background:var(--accent)}.icon-btn--sm{border-radius:8px;width:30px;height:30px}.icon-btn[data-on=true]:after{content:"";background:var(--accent-ink);border-radius:50%;width:3px;height:3px;position:absolute;bottom:4px}.card{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px}.hairline{background:var(--line);border:0;height:1px;margin:0}.dot{background:var(--ink-4);border-radius:50%;flex:none;width:8px;height:8px}.dot[data-status=on]{background:#20c46b;box-shadow:0 0 0 3px #20c46b2e}.dot[data-status=connecting]{background:var(--accent-2);animation:1s ease-in-out infinite pulse}.dot[data-status=error]{background:var(--red)}@keyframes pulse{50%{opacity:.35}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.eq i{background:currentColor;border-radius:1px;width:3px;animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}.eq[data-paused=true] i{animation-play-state:paused}@keyframes eq{0%,to{height:30%}50%{height:100%}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){animation:reveal .6s var(--ease)}@keyframes reveal{0%{clip-path:circle(0 at var(--vt-x,50%) var(--vt-y,0))}to{clip-path:circle(150vmax at var(--vt-x,50%) var(--vt-y,0))}}@media (prefers-reduced-motion:reduce){.grain{animation:none}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}:root{--platter-a:#d9dce3;--platter-b:#f6f7f9;--platter-rim:#c3c7d0;--strobe:#06150d38;--vinyl:#0b0b0e;--vinyl-groove:#17171c;--vinyl-edge:#1f1f26;--vinyl-shine:#ffffff29}:root[data-theme=dark]{--platter-a:#12141c;--platter-b:#1f2330;--platter-rim:#353a48;--strobe:#ffffff29}:root[data-vinyl=smoke]{--vinyl:#24262e;--vinyl-groove:#30333d;--vinyl-edge:#3a3d48;--vinyl-shine:#fff3}:root[data-vinyl=oxblood]{--vinyl:#2c0710;--vinyl-groove:#3d0c18;--vinyl-edge:#4e1120;--vinyl-shine:#ffbec833}:root[data-vinyl=ice]{--vinyl:#7fcbe6;--vinyl-groove:#93d6ee;--vinyl-edge:#a8e2f5;--vinyl-shine:#ffffff73}.disc-stage{--size:min(600px, 82vw, calc(100svh - 236px));--rec:calc(var(--size) * .84);--energy:0;width:var(--size);aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;perspective:1400px;cursor:grab;min-width:240px;min-height:240px;position:relative}.disc-stage[data-zone=label]{cursor:pointer}.disc-stage[data-zone=grooves]{cursor:crosshair}.disc-stage[data-grab=true]{cursor:grabbing}.disc-floor{background:radial-gradient(closest-side, var(--stage-floor), transparent);filter:blur(14px);height:22%;transform:scaleX(calc(1 - var(--energy) * .05));opacity:calc(.75 + var(--energy) * .25);border-radius:50%;position:absolute;bottom:-2%;left:14%;right:14%}.disc-halo{--fade:radial-gradient(closest-side, #000 52%, #00000080 66%, transparent 92%);background:radial-gradient(closest-side, var(--rim,var(--halo-b)) 40%, var(--halo-a) 75%, transparent);opacity:calc(.22 + var(--energy) * .5);transform:scale(calc(1 + var(--energy) * .04));transition:background .8s var(--ease);pointer-events:none;border-radius:50%;position:absolute;inset:-12%}[data-theme=dark] .disc-halo{opacity:calc(.3 + var(--energy) * .5)}.platter{background: radial-gradient(circle, transparent 94.2%, var(--platter-rim) 94.4% 100%), repeating-conic-gradient(var(--strobe) 0 .7deg, transparent .7deg 3.6deg), conic-gradient(from 30deg, var(--platter-a), var(--platter-b), var(--platter-a), var(--platter-b), var(--platter-a));will-change:transform;border-radius:50%;position:absolute;inset:-4.6%;box-shadow:0 30px 60px -28px #0000008c;-webkit-mask:radial-gradient(circle,#000 0 90%,#0000 90.2% 91.2%,#000 91.4% 99.4%,#0000 99.8%);mask:radial-gradient(circle,#000 0 90%,#0000 90.2% 91.2%,#000 91.4% 99.4%,#0000 99.8%)}.platter:after{content:"";background-image:var(--noise);opacity:.5;mix-blend-mode:overlay;background-size:120px;border-radius:50%;position:absolute;inset:0}.disc-scale{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tick{stroke:var(--ink-4);stroke-width:1.4px}.tick--major{stroke:var(--ink-3);stroke-width:2px}.tick-index{fill:var(--accent-2)}[data-theme=dark] .tick-index{fill:var(--accent)}.disc-corners{pointer-events:none;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;position:absolute;inset:-4px}.corner{font-variant-numeric:tabular-nums;padding:6px 8px;position:absolute}.corner:before{content:"";border:0 solid var(--ink-4);width:9px;height:9px;position:absolute}.corner--tl{top:0;left:0}.corner--tl:before{border-top-width:1px;border-left-width:1px;top:0;left:0}.corner--tr{top:0;right:0}.corner--tr:before{border-top-width:1px;border-right-width:1px;top:0;right:0}.corner--bl{color:var(--ink-2);bottom:0;left:0}.corner--bl:before{border-bottom-width:1px;border-left-width:1px;bottom:0;left:0}.corner--br{bottom:0;right:0}.corner--br:before{border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}.disc-drop,.disc-vibe{transform-style:preserve-3d;position:absolute;inset:0}.disc-drop{inset:8%}.disc-vibe{will-change:transform}.disc{background:var(--vinyl);will-change:transform;box-shadow:0 0 0 1px #00000080, inset 0 0 0 calc(var(--rec) * .012) var(--vinyl-edge), inset 0 0 0 calc(var(--rec) * .016) #00000059, 0 6px 14px -4px #0000008c;border-radius:50%;transition:background .5s;position:absolute;inset:0;overflow:hidden}.disc-grooves{background:repeating-radial-gradient(circle at 50% 50%, var(--vinyl) 0 1.1px, var(--vinyl-groove) 1.5px 2.1px, var(--vinyl) 2.6px 3px);border-radius:50%;position:absolute;inset:1.6%;-webkit-mask:radial-gradient(circle,#0000 35.5%,#000 36%);mask:radial-gradient(circle,#0000 35.5%,#000 36%)}.disc-bands{background:radial-gradient(circle, transparent 41.4%, var(--vinyl) 41.6% 42.4%, transparent 42.6%), radial-gradient(circle, transparent 54%, var(--vinyl-edge) 54.2% 54.8%, transparent 55%), radial-gradient(circle, transparent 66.6%, var(--vinyl-edge) 66.8% 67.3%, transparent 67.5%), radial-gradient(circle, transparent 79%, var(--vinyl-edge) 79.2% 79.6%, transparent 79.8%), radial-gradient(circle, transparent 94.6%, var(--vinyl-edge) 94.8% 96.6%, transparent 96.8%);opacity:.85;border-radius:50%;position:absolute;inset:0}.disc-dust{background-image:var(--noise);opacity:.22;mix-blend-mode:screen;background-size:180px;border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 35%,#000 36%);mask:radial-gradient(circle,#0000 35%,#000 36%)}.disc-dust:after{content:"";background:conic-gradient(from 12deg, transparent 0 40deg, #ffffff0d 46deg, transparent 52deg 210deg, #ffffff0a 214deg, transparent 220deg);border-radius:50%;position:absolute;inset:0}.disc-label{background:var(--accent);box-shadow:0 0 0 calc(var(--rec) * .006) var(--rim,#ffffff1a), 0 0 0 calc(var(--rec) * .014) #0000008c;transition:box-shadow .8s var(--ease);border-radius:50%;position:absolute;inset:32.8%;overflow:hidden}.disc-label img{object-fit:cover;pointer-events:none;width:100%;height:100%;transform:scale(1.02)}.disc-label:after{content:"";background:radial-gradient(circle, transparent 55%, #0000004d 100%), var(--noise-fine);mix-blend-mode:multiply;opacity:.55;pointer-events:none;background-size:auto,120px;border-radius:50%;position:absolute;inset:0}.disc-label-blank{text-align:center;color:var(--accent-ink);background:radial-gradient(circle, transparent 46%, #06150d1f 46.5% 47%, transparent 47.5%), var(--accent);place-content:center;display:grid;position:absolute;inset:0}.disc-label-blank span{letter-spacing:-.04em;font-weight:600;font-size:calc(var(--rec) * .07);line-height:1}.disc-label-blank small{font-family:var(--tag);font-size:calc(var(--rec) * .02);opacity:.7;text-transform:uppercase;letter-spacing:.08em;max-width:8em;margin-top:.4em}.disc-label-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.disc-label-ring text{font-family:var(--tag);letter-spacing:.9px;fill:#fff;paint-order:stroke;stroke:#0000008c;stroke-width:1.4px;font-size:4.6px}.disc-sheen{pointer-events:none;background:conic-gradient(from -35deg, transparent 0deg, var(--vinyl-shine) 14deg, transparent 34deg, transparent 180deg, var(--vinyl-shine) 194deg, transparent 214deg), conic-gradient(from 25deg, transparent 0deg, #a0ffcd12 10deg, transparent 26deg, transparent 180deg, #dcffaa0d 190deg, transparent 206deg);mix-blend-mode:screen;opacity:calc(.9 + var(--energy) * .4);will-change:transform;border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 35.6%,#000 36.4% 97%,#0000 97.6%);mask:radial-gradient(circle,#0000 35.6%,#000 36.4% 97%,#0000 97.6%)}.disc-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.disc-played{stroke:#ffffff09}.disc-needle{stroke:var(--accent);stroke-width:2.2px;filter:drop-shadow(0 0 6px var(--accent));opacity:.95}.disc-stage[data-playing=false] .disc-needle{opacity:.6}.disc-hover{transition:opacity .2s}.disc-hover circle{stroke:#fff;stroke-width:1.4px;stroke-dasharray:3 7;opacity:.7}.disc-hover text{font-family:var(--mono);fill:#fff;paint-order:stroke;stroke:#000000b3;stroke-width:5px;font-size:22px}.disc-spindle{width:3.4%;height:3.4%;box-shadow:0 0 0 calc(var(--rec) * .006) #00000073, 0 2px 4px #00000080;background:radial-gradient(circle at 35% 30%,#fff,#c9ccd6 35%,#6e7280 75%,#3b3e48);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.disc-readout{font-family:var(--mono);background:var(--invert);color:var(--invert-ink);white-space:pre;pointer-events:none;opacity:0;transition:opacity .2s, transform .3s var(--spring);border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;bottom:-2px;left:50%;transform:translateY(-6px)scale(.96)}.disc-readout[data-show=true]{opacity:1;transform:none}.disc-stage[data-loading=true] .disc-label:before{content:"";z-index:2;mix-blend-mode:overlay;background:conic-gradient(#0000,#ffffff80,#0000 30%);border-radius:50%;animation:.9s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.mini-disc{--s:44px;width:var(--s);height:var(--s);background:radial-gradient(circle, transparent 36%, #ffffff0f 36.5% 37.5%, transparent 38%), repeating-radial-gradient(circle, var(--vinyl) 0 1px, var(--vinyl-groove) 1.3px 1.8px);border-radius:50%;flex:none;animation:1.8s linear infinite paused spin;position:relative;box-shadow:0 0 0 1px #0006,0 4px 10px -4px #00000080}.mini-disc[data-spin=true]{animation-play-state:running}.mini-disc>.mini-label{background:var(--accent);border-radius:50%;position:absolute;inset:30%;overflow:hidden}.mini-disc>.mini-label img{object-fit:cover;width:100%;height:100%}.mini-disc:after{content:"";animation:1.8s linear infinite reverse spin;animation-play-state:inherit;background:conic-gradient(from -30deg,#0000,#ffffff2e 12deg,#0000 30deg 180deg,#ffffff1f 192deg,#0000 210deg);border-radius:50%;position:absolute;inset:0}.mini-disc:before{content:"";background:var(--bg);z-index:1;border-radius:50%;width:8%;height:8%;position:absolute;top:50%;left:50%;translate:-50% -50%}.nav{z-index:40;background:var(--surface-glass);-webkit-backdrop-filter:blur(18px)saturate(1.4);width:min(1040px,100% - 32px);height:56px;box-shadow:var(--shadow-md);border-radius:16px;align-items:center;gap:12px;padding:0 10px 0 14px;display:flex;position:fixed;top:14px;left:50%;translate:-50%}.nav-logo{border-radius:10px;margin-left:-4px;padding:4px}.logo{align-items:center;gap:9px;display:inline-flex}.logo-disc{transition:transform .5s var(--spring);display:inline-grid}.logo-disc svg{animation:1.8s linear infinite paused spin}.logo-disc[data-spin=true] svg{animation-play-state:running}.nav-logo:hover .logo-disc{transform:rotate(-25deg)scale(1.08)}.logo-word{letter-spacing:-.04em;font-size:19px;font-weight:600}.nav-tabs{gap:2px;margin:0 auto;display:flex}.nav-tab{height:36px;color:var(--ink-2);transition:color .2s, transform .3s var(--spring);border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:14px;display:inline-flex;position:relative}.nav-tab:hover{color:var(--ink)}.nav-tab:active{transform:scale(.94)}.nav-tab[data-active=true]{color:var(--ink)}.nav-tab>span:not(.nav-pill){z-index:1;display:inline-flex;position:relative}.nav-pill{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;position:absolute;inset:0}.nav-end{align-items:center;gap:8px;display:flex}.nav-sep{background:var(--line);width:1px;height:22px}.nav-cta{height:34px;padding:0 12px}.theme-toggle{background:var(--surface-2);width:60px;height:32px;box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;grid-template-columns:1fr 1fr;padding:3px;display:inline-grid;position:relative}.theme-toggle-knob{background:var(--surface);width:26px;height:26px;box-shadow:0 1px 2px #0000002e, 0 0 0 1px var(--line);transition:transform .45s var(--spring);border-radius:7px;position:absolute;top:3px;left:3px}.theme-toggle[data-theme-state=dark] .theme-toggle-knob{transform:translate(28px)}.theme-toggle:active .theme-toggle-knob{scale:.92}.theme-toggle-icon{color:var(--ink-3);transition:color .3s, transform .5s var(--spring);place-items:center;display:grid;position:relative}.theme-toggle-icon[data-on=true]{color:var(--ink);transform:rotate(-30deg)}.account-btn{height:34px;box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s var(--spring);border-radius:999px;align-items:center;gap:6px;padding:0 8px 0 4px;display:inline-flex}.account-btn:active{transform:scale(.94)}.avatars{display:inline-flex}.avatars>*{object-fit:cover;background:var(--accent);width:26px;height:26px;color:var(--accent-ink);box-shadow:0 0 0 2px var(--surface);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.avatars>*+*{margin-left:-8px}.menu-anchor{position:relative}.popover{z-index:60;width:340px;animation:pop .35s var(--spring);transform-origin:100% 0;gap:10px;display:grid;position:absolute;top:calc(100% + 12px);right:0}@keyframes pop{0%{opacity:0;transform:scale(.94)translateY(-6px)}}.provider-card,.settings{background:var(--surface);box-shadow:var(--shadow-md);gap:10px;padding:14px;display:grid}.provider-row{border-radius:10px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;margin:0 -8px;padding:8px;transition:background .2s;display:grid}.provider-row:hover{background:var(--surface-2)}.provider-icon{border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.provider-icon--spotify{background:var(--lime);color:#1b2604}.provider-icon--youtube{background:var(--red);color:#fff}.provider-icon--house{background:var(--accent);color:var(--accent-ink)}.provider-text{min-width:0;display:grid}.provider-name{align-items:center;gap:8px;font-weight:500;display:inline-flex}.vinyl-picker{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.vinyl-swatch{color:var(--ink-2);transition:background .2s, transform .3s var(--spring);border-radius:10px;justify-items:center;gap:6px;padding:8px 4px;font-size:12px;display:grid}.vinyl-swatch:hover{background:var(--surface-2)}.vinyl-swatch:active{transform:scale(.92)}.vinyl-swatch[data-on=true]{background:var(--surface-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink-4)}.vinyl-swatch span{background:radial-gradient(circle, var(--accent) 0 22%, transparent 23%), repeating-radial-gradient(circle, var(--c) 0 1px, color-mix(in srgb, var(--c), white 12%) 1.4px 2px);width:34px;height:34px;transition:transform .6s var(--spring);border-radius:50%;box-shadow:0 0 0 1px #0000004d}.vinyl-swatch:hover span{transform:rotate(160deg)}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.switch{appearance:none;background:var(--ink-4);cursor:pointer;border-radius:999px;flex:none;width:40px;height:24px;transition:background .25s;position:relative}.switch:after{content:"";width:18px;height:18px;transition:transform .4s var(--spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch:checked{background:var(--accent-2)}.switch:checked:after{transform:translate(16px)}.main{z-index:1;width:min(1240px,100%);margin:0 auto;padding:104px 32px 150px;position:relative}.spin{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:56px;min-height:calc(100svh - 254px);display:grid}.spin-stage{place-items:center;padding:24px 0 40px;display:grid}.spin-side{min-width:0}.hero,.now{align-content:center;justify-items:start;gap:18px;display:grid}.hero-title,.now-title,.section-title,.crate-title{letter-spacing:-.04em;text-wrap:balance;margin:0;font-weight:500;line-height:1.02}.hero-title{font-size:clamp(40px,5.2vw,66px)}.now-title{overflow-wrap:anywhere;font-size:clamp(34px,4.4vw,58px)}.hero-sub{max-width:34em;color:var(--ink-2);text-wrap:pretty;margin:0;font-size:17px}.hero-ctas,.now-actions{flex-wrap:wrap;gap:8px;display:flex}.hero .provider-card{width:min(420px,100%);box-shadow:var(--shadow-sm)}.hero-fine{max-width:40em;margin:0;font-size:11.5px}.now-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.now-artist{color:var(--ink);margin:-6px 0 0;font-size:19px}.btn[data-liked=true]{color:var(--red)}.readouts{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);grid-template-columns:repeat(3,auto);gap:28px;width:100%;padding:14px 0;display:grid}.readouts>div{gap:4px;display:grid}.readouts .mono{font-variant-numeric:tabular-nums;font-size:14px}.up-next{width:100%;padding:10px}.up-next-head{justify-content:space-between;align-items:center;padding:2px 6px 6px;display:flex}.up-next-row{text-align:left;width:100%;transition:background .2s, transform .3s var(--spring);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:7px 6px;display:grid}.up-next-row:hover{background:var(--surface-2)}.up-next-row:hover .mini-disc{animation-play-state:running}.up-next-row:active{transform:scale(.98)}.up-next-text{min-width:0;font-size:14px;display:grid}.up-next-text .muted{font-size:13px}.hints{margin:0;font-size:11px}.section-head{justify-items:start;gap:14px;margin-bottom:26px;display:grid}.section-title{font-size:clamp(34px,4.4vw,54px)}.section-sub{margin:-4px 0 0;font-size:16px}.filters{background:var(--surface);width:fit-content;max-width:100%;box-shadow:var(--shadow-sm);border-radius:12px;flex-wrap:wrap;gap:4px;margin-bottom:26px;padding:4px;display:flex}.filter{height:32px;color:var(--ink-2);transition:color .2s, transform .3s var(--spring);border-radius:9px;padding:0 12px;font-size:13.5px;position:relative}.filter:active{transform:scale(.94)}.filter[data-on=true]{color:var(--invert-ink)}.filter>span:last-child{z-index:1;position:relative}.filter-pill{background:var(--invert);border-radius:9px;position:absolute;inset:0}.sleeves{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:34px 26px;display:grid}.sleeve-wrap{gap:12px;min-width:0;display:grid}.sleeve{--rx:0deg;--ry:0deg;--gx:50%;--gy:50%;aspect-ratio:1;perspective:900px;border-radius:6px;width:100%;position:relative}.sleeve-cover{background:var(--surface-2);box-shadow:var(--shadow-md);transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s var(--spring), box-shadow .3s;z-index:1;border-radius:6px;position:absolute;inset:0;overflow:hidden}.sleeve:hover .sleeve-cover{box-shadow:var(--shadow-lg);transition:transform .12s linear,box-shadow .3s}.sleeve:active .sleeve-cover{transform:rotateX(var(--rx)) rotateY(var(--ry)) scale(.96)}.sleeve-gloss{background:radial-gradient(circle at var(--gx) var(--gy), #ffffff59, transparent 50%);opacity:0;mix-blend-mode:soft-light;transition:opacity .3s;position:absolute;inset:0}.sleeve:hover .sleeve-gloss{opacity:1}.cover-img{object-fit:cover;width:100%;height:100%}.cover-gen{letter-spacing:-.03em;text-align:left;align-content:space-between;padding:16px;font-size:20px;font-weight:500;line-height:1.05;display:grid;position:absolute;inset:0}.cover-gen--spotify{background:linear-gradient(140deg, var(--lime), #9ed13a);color:#1b2604}.cover-gen--youtube{background:linear-gradient(140deg, #ff6a4d, var(--red) 60%, #c0161b);color:#fff}.cover-gen--house{background:linear-gradient(140deg, var(--accent), #5fd9a6);color:var(--accent-ink)}.sleeve-disc{transition:transform .6s var(--spring);z-index:0;position:absolute;inset:4%}.sleeve:hover .sleeve-disc,.sleeve[data-spinning=true] .sleeve-disc{transform:translate(34%)}.sleeve-vinyl{background:radial-gradient(circle, transparent 0 33%, #ffffff0f 33.5% 34%, transparent 34.5%), repeating-radial-gradient(circle, var(--vinyl) 0 1px, var(--vinyl-groove) 1.4px 2px);border-radius:50%;animation:1.8s linear infinite paused spin;position:absolute;inset:0;box-shadow:0 0 0 1px #00000080,0 10px 20px -8px #00000080}.sleeve-vinyl:after{content:"";background:conic-gradient(from 20deg,#0000,#ffffff24 14deg,#0000 32deg 180deg,#ffffff1a 194deg,#0000 212deg);border-radius:50%;position:absolute;inset:0}.sleeve:hover .sleeve-vinyl,.sleeve[data-spinning=true] .sleeve-vinyl,.crate-art[data-spinning=true] .sleeve-vinyl{animation-play-state:running}.sleeve-vinyl-label{background:var(--accent);border-radius:50%;position:absolute;inset:33%;overflow:hidden}.sleeve-vinyl-label img{object-fit:cover;width:100%;height:100%}.sleeve-meta{gap:5px;min-width:0;display:grid}.sleeve-title{font-size:15px;font-weight:500}.sleeve-sub{align-items:center;gap:6px;min-width:0;display:flex}.connect-strip{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding:18px 20px;display:flex}.connect-strip p{margin:4px 0 0}.back-btn{background:var(--invert);height:32px;color:var(--invert-ink);transition:transform .3s var(--spring);border-radius:9px;align-items:center;gap:6px;margin-bottom:26px;padding:0 12px 0 10px;font-size:13px;display:inline-flex}.back-btn:hover{transform:translate(-3px)}.back-btn:active{transform:scale(.94)}.crate-hero{grid-template-columns:auto 1fr;align-items:end;gap:48px;margin-bottom:32px;display:grid}.crate-art{aspect-ratio:1;width:clamp(180px,22vw,260px);margin-right:30%;position:relative}.crate-art-disc{position:absolute;inset:3%;transform:translate(34%)}.crate-art-cover{box-shadow:var(--shadow-lg);border-radius:6px;position:absolute;inset:0;overflow:hidden}.crate-info{justify-items:start;gap:14px;min-width:0;display:grid}.crate-title{overflow-wrap:anywhere;font-size:clamp(32px,4.4vw,56px)}.crate-info>p{margin:0}.crate-tracks,.result-group{padding:10px}.result-group+.result-group{margin-top:16px}.crate-tracks-head{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;margin-bottom:6px;padding:6px 10px 10px;display:flex}.tracks{margin:0;padding:0;list-style:none}.track{cursor:pointer;transition:background .18s, transform .3s var(--spring);animation:row-in .45s var(--ease) both;outline-offset:-2px;border-radius:10px;grid-template-columns:32px 44px minmax(0,2fr) minmax(0,1fr) auto;align-items:center;gap:14px;padding:7px 10px;display:grid}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}}.track:hover{background:var(--surface-2)}.track:active{transform:scale(.992)}.track[data-current=true]{background:color-mix(in srgb, var(--accent) 22%, transparent)}.track[data-current=true] .track-title{color:var(--accent-2)}[data-theme=dark] .track[data-current=true] .track-title{color:var(--accent)}.track-n{color:var(--ink-3);place-items:center;display:grid}.track-n>*{grid-area:1/1}.track-play{opacity:0;color:var(--ink);transition:opacity .15s}.track:hover .track-play{opacity:1}.track:hover .track-num,.track:hover .eq{opacity:0}.track-thumb{width:44px;height:44px;position:relative}.track-thumb img,.track-thumb-blank{object-fit:cover;background:var(--surface-2);width:44px;height:44px;box-shadow:0 0 0 1px var(--line);border-radius:5px;position:relative}.track-thumb-disc{background:radial-gradient(circle, var(--accent) 0 18%, transparent 19%), repeating-radial-gradient(circle, var(--vinyl) 0 1px, var(--vinyl-groove) 1.3px 1.8px);transition:transform .45s var(--spring);border-radius:50%;position:absolute;inset:3px}.track:hover .track-thumb-disc,.track[data-current=true] .track-thumb-disc{transform:translate(42%)rotate(120deg)}.track-main{min-width:0;display:grid}.track-title{font-weight:500}.track-artist{color:var(--ink-3);align-items:center;gap:6px;min-width:0;font-size:13.5px;display:flex}.track-album{color:var(--ink-3);font-size:13.5px}.track-end{align-items:center;gap:4px;display:flex}.track-dur{text-align:right;font-variant-numeric:tabular-nums;width:44px}.track-like{opacity:0}.track:hover .track-like,.track-like[data-liked=true]{opacity:1}.track-like[data-liked=true],.pb-like[data-liked=true]{color:var(--red)}.track-like[data-liked=true] svg,.pb-like[data-liked=true] svg{animation:heart .45s var(--spring)}@keyframes heart{40%{transform:scale(1.35)}}.menu{background:var(--surface);min-width:200px;box-shadow:var(--shadow-lg);z-index:50;animation:pop .3s var(--spring);border-radius:12px;padding:5px;position:absolute;top:calc(100% + 6px)}.menu--right{transform-origin:100% 0;right:0}.menu--left{transform-origin:0 0;left:0}.menu-item{text-align:left;width:100%;color:var(--ink);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;text-decoration:none;display:flex}.menu-item:hover{background:var(--surface-2)}.search-box{height:64px;color:var(--ink-3);cursor:text;align-items:center;gap:12px;margin-bottom:22px;padding:0 20px;transition:box-shadow .25s;display:flex}.search-box:focus-within{box-shadow:0 0 0 1px var(--ink-4), 0 0 0 5px color-mix(in srgb, var(--accent) 40%, transparent)}.search-input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px}.search-input::placeholder{color:var(--ink-3)}.search-spinner{background:radial-gradient(circle, var(--accent) 0 25%, transparent 27%), repeating-radial-gradient(circle, var(--vinyl) 0 1px, var(--vinyl-groove) 1.3px 1.8px);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.search-idle{gap:18px;display:grid}.suggestions{flex-wrap:wrap;gap:8px;display:flex}.suggestion{background:var(--surface);height:36px;box-shadow:var(--shadow-sm);transition:transform .3s var(--spring);border-radius:10px;align-items:center;gap:8px;padding:0 12px 0 8px;font-size:13px;display:inline-flex}.suggestion:hover{transform:translateY(-2px)}.suggestion:active{transform:scale(.95)}.link{text-underline-offset:3px;color:var(--ink);text-decoration:underline}.player-bar{z-index:40;background:var(--surface-glass);-webkit-backdrop-filter:blur(20px)saturate(1.4);width:min(1240px,100% - 32px);height:80px;box-shadow:var(--shadow-lg);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:18px;padding:0 14px;display:grid;position:fixed;bottom:14px;left:50%;translate:-50%}.pb-left{align-items:center;gap:12px;min-width:0;display:flex}.pb-disc{transition:transform .4s var(--spring);border-radius:50%}.pb-disc:hover{transform:rotate(-20deg)scale(1.06)}.pb-disc:active{transform:scale(.9)}.pb-meta{gap:2px;min-width:0;display:grid}.pb-title{font-size:14.5px;font-weight:500}.pb-artist{color:var(--ink-3);align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}.pb-center{justify-items:center;gap:4px;display:grid}.pb-controls{align-items:center;gap:6px;display:flex}.pb-play{background:var(--invert);width:40px;height:40px;color:var(--invert-ink);transition:transform .35s var(--spring);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 6px 18px -6px #06150d80}.pb-play:hover{transform:scale(1.08)}.pb-play:active{transition-duration:80ms;transform:scale(.88)}.pb-play[data-loading=true]:after{content:"";border:2px solid #0000;border-top-color:var(--accent-2);border-radius:50%;animation:.7s linear infinite spin;position:absolute;inset:-4px}.pb-right{justify-content:flex-end;align-items:center;gap:6px;display:flex}.badge{background:var(--invert);min-width:16px;height:16px;color:var(--invert-ink);border-radius:999px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:-3px;right:-5px}.scrubber{grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;width:100%;display:grid}.scrub-time{font-variant-numeric:tabular-nums;font-size:11px}.scrub-time:first-child{text-align:right}.scrub-track{cursor:pointer;touch-action:none;height:18px;position:relative}.scrub-rail,.scrub-fill{height:4px;transition:height .2s var(--spring);border-radius:99px;position:absolute;top:50%;left:0;translate:0 -50%}.scrub-rail{background:repeating-linear-gradient(90deg, var(--ink-4) 0 2px, transparent 2px 4px);opacity:.8;right:0}.scrub-fill{background:var(--ink)}.scrub-knob{background:var(--surface);width:14px;height:14px;box-shadow:0 0 0 2px var(--ink), 0 2px 6px #0000004d;transition:scale .3s var(--spring);border-radius:50%;position:absolute;top:50%;translate:-50% -50%;scale:0}.scrub-track:hover .scrub-rail,.scrub-track:hover .scrub-fill,.scrub-track[data-drag=true] .scrub-rail,.scrub-track[data-drag=true] .scrub-fill{height:6px}.scrub-track:hover .scrub-knob,.scrub-track[data-drag=true] .scrub-knob{scale:1}.volume{align-items:center;gap:4px;display:flex}.volume-range{--v:80%;appearance:none;cursor:pointer;background:0 0;width:96px;height:18px}.volume-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ink) var(--v), var(--ink-4) var(--v));border-radius:99px;height:4px}.volume-range::-moz-range-track{background:linear-gradient(90deg, var(--ink) var(--v), var(--ink-4) var(--v));border-radius:99px;height:4px}.volume-range::-webkit-slider-thumb{appearance:none;background:var(--surface);width:14px;height:14px;box-shadow:0 0 0 2px var(--ink);transition:transform .3s var(--spring);border-radius:50%;margin-top:-5px}.volume-range:active::-webkit-slider-thumb{transform:scale(1.3)}.volume-range::-moz-range-thumb{background:var(--surface);width:12px;height:12px;box-shadow:0 0 0 2px var(--ink);border:0;border-radius:50%}.deck-window{z-index:65;background:var(--surface);width:380px;box-shadow:var(--shadow-lg);transition:opacity .3s, transform .45s var(--spring);border-radius:16px;padding:0 12px 10px;position:fixed}.deck-window[data-corner=br]{bottom:112px;right:20px}.deck-window[data-corner=bl]{bottom:112px;left:20px}.deck-window[data-corner=tr]{top:86px;right:20px}.deck-window[data-corner=tl]{top:86px;left:20px}.deck-window[data-show=false]{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(16px)scale(.96)}.deck-window[data-dragging=true]{cursor:grabbing;transition:none;transform:rotate(-1.5deg)scale(1.02)}.deck-chrome{cursor:grab;touch-action:none;justify-content:space-between;align-items:center;height:38px;display:flex}.deck-title{color:var(--ink-2);align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.deck-dots{background:var(--invert);border-radius:8px;gap:5px;padding:5px 7px;display:inline-flex}.deck-dot{background:color-mix(in srgb, var(--invert-ink) 30%, transparent);width:8px;height:8px;transition:transform .3s var(--spring), background .2s;border-radius:50%}.deck-dot:hover{transform:scale(1.4)}.deck-dot[data-on=true]{background:var(--accent)}.deck-body{background:#000;border-radius:10px;min-height:152px;overflow:hidden}.deck-slot{display:none}.deck-window[data-provider=youtube] .deck-slot--youtube,.deck-window[data-provider=spotify] .deck-slot--spotify{display:block}.deck-slot iframe{border:0;width:100%;display:block}.deck-slot--youtube iframe{aspect-ratio:16/9;height:auto}.deck-window[data-provider=spotify] .deck-body{background:0 0}.deck-foot{padding-top:8px;font-size:10.5px}.scrim{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06150d47;position:fixed;inset:0}.drawer{z-index:71;background:var(--surface);width:min(420px,100% - 24px);box-shadow:var(--shadow-lg);border-radius:18px;flex-direction:column;display:flex;position:fixed;top:12px;bottom:12px;right:12px;overflow:hidden}.drawer-head{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;padding:14px;display:flex}.queue-list{flex:1;margin:0;padding:8px;list-style:none;overflow-y:auto}.queue-item{background:var(--surface);border-radius:12px;grid-template-columns:18px 1fr auto auto;align-items:center;gap:8px;padding:6px 8px;display:grid;position:relative}.queue-item:hover{background:var(--surface-2)}.queue-item[data-current=true]{background:color-mix(in srgb, var(--accent) 22%, var(--surface))}.queue-item[data-played=true]{opacity:.55}.queue-grip{color:var(--ink-4);cursor:grab;display:grid}.queue-item:active .queue-grip{cursor:grabbing}.queue-main{text-align:left;align-items:center;gap:10px;min-width:0;display:flex}.queue-text{min-width:0;display:grid}.queue-title{font-size:14px;font-weight:500}.queue-artist{color:var(--ink-3);align-items:center;gap:6px;font-size:12.5px;display:flex}.empty{text-align:center;color:var(--ink-2);justify-items:center;gap:4px;padding:48px 16px;display:grid}.empty p{margin:0}.empty .mini-disc{margin-bottom:12px}.sheet{z-index:71;width:min(560px,100% - 32px);max-height:calc(100svh - 48px);box-shadow:var(--shadow-lg);gap:14px;padding:22px;display:grid;position:fixed;top:50%;left:50%;overflow-y:auto;translate:-50% -50%}.sheet-head{align-items:center;gap:14px;display:flex}.sheet-head h2{letter-spacing:-.03em;margin:6px 0 0;font-size:24px;font-weight:500}.sheet p{margin:0}.steps{gap:10px;margin:0;padding-left:20px;display:grid}.steps li::marker{font-family:var(--mono);color:var(--ink-3)}.copy-field{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;align-items:center;gap:8px;margin-top:6px;padding:4px 4px 4px 10px;display:flex}.copy-field code{flex:1;font-size:12.5px}.sheet-form{gap:8px;display:flex}.input{background:var(--surface-2);min-width:0;height:38px;box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:10px;outline:0;flex:1;padding:0 12px;font-size:13px}.input:focus{box-shadow:inset 0 0 0 1px var(--ink-3), 0 0 0 4px color-mix(in srgb, var(--accent) 40%, transparent)}.warn{background:color-mix(in srgb, var(--red) 14%, transparent);border-radius:10px;padding:10px 12px;font-size:12px}.toasts{z-index:80;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed;bottom:108px;left:50%;translate:-50%}.toast{pointer-events:auto;background:var(--invert);max-width:min(520px,100vw - 32px);color:var(--invert-ink);text-align:left;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:12.5px;display:inline-flex;box-shadow:0 10px 30px -10px #00000080}.toast-dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}.toast[data-tone=warn] .toast-dot{background:#ff8a65}.toast[data-tone=ok] .toast-dot{background:#4ade80}.skeletons{gap:6px;padding:6px;display:grid}.skeleton{background:linear-gradient(90deg, var(--surface-2) 30%, var(--bg-2) 50%, var(--surface-2) 70%);background-size:300% 100%;border-radius:10px;height:52px;animation:1.3s ease-in-out infinite shimmer}.sleeve.skeleton{height:auto}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (width<=960px){.spin{grid-template-columns:1fr;gap:28px;min-height:0}.spin-stage{padding:8px 0 24px}.disc-stage{--size:min(460px, calc(100vw - 48px))}.crate-hero{grid-template-columns:1fr;gap:24px}.track{grid-template-columns:28px 44px minmax(0,1fr) auto}.track-album{display:none}.player-bar{grid-template-columns:minmax(0,1fr) auto auto}.pb-center .scrubber,.pb-right .volume,.pb-controls .icon-btn--sm{display:none}}@media (width<=640px){.main{padding:88px 16px 130px}.nav{gap:6px;width:calc(100% - 20px);padding:0 8px 0 10px;top:10px}.nav-tab{padding:0 10px}.nav .nav-tab>.nav-tab-label,.logo-word{display:none}.nav-cta{padding:0 10px}.nav-sep{display:none}.player-bar{gap:8px;width:calc(100% - 20px);height:70px;padding:0 10px;bottom:10px}.pb-like{display:none}.pb-controls .icon-btn:not(.icon-btn--sm){width:32px}.deck-window{width:calc(100% - 20px);left:10px!important;right:10px!important}.deck-window[data-corner^=b]{bottom:92px}.readouts{gap:16px}.sleeves{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.popover{width:auto;position:fixed;top:74px;left:10px;right:10px}.hero-ctas .btn{flex:auto}.track{grid-template-columns:22px 44px minmax(0,1fr) auto;gap:10px;padding:7px 4px}.track-like{display:none}.crate-art{margin-right:34%}}.hero-link{color:var(--ink-2);border-bottom:1px dashed var(--ink-4);padding:2px 0;font-size:12.5px;transition:color .2s,border-color .2s}.hero-link span{transition:transform .35s var(--spring);display:inline-block}.hero-link:hover{color:var(--ink);border-color:var(--ink-2)}.hero-link:hover span{transform:translate(4px)}.spec-list{width:min(440px,100%);font-family:var(--mono);color:var(--ink-2);margin:10px 0 0;padding:0;font-size:12px;list-style:none}.spec-list li{border-top:1px dashed var(--line);grid-template-columns:34px 1fr;padding:10px 0;display:grid}.spec-list li:last-child{border-bottom:1px dashed var(--line)}.spec-n{color:var(--ink-4)}.spin-stage{container-type:inline-size}.spin-stage .disc-stage{--size:min(600px, 100cqi, calc(100svh - 236px))}.section{will-change:transform, opacity, filter}.section-loading{min-height:60svh}.track{content-visibility:auto;contain-intrinsic-size:auto 58px}.backdrop-dots,.backdrop-glow{contain:strict}.account-slot{align-items:center;display:inline-flex}.account-slot:empty{display:none}.hero-linkbox{width:min(460px,100%)}.link-box{background:var(--surface);height:50px;box-shadow:var(--shadow-sm);border-radius:13px;align-items:center;gap:10px;padding:0 7px 0 10px;transition:box-shadow .25s;display:flex}.link-box:focus-within{box-shadow:0 0 0 1px var(--ink-4), 0 0 0 5px color-mix(in srgb, var(--accent) 45%, transparent)}.link-box input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:13px}.link-box input::placeholder{color:var(--ink-3)}.link-box-disc{background:radial-gradient(circle, var(--accent) 0 24%, transparent 25%), repeating-radial-gradient(circle, var(--vinyl) 0 1px, var(--vinyl-groove) 1.3px 1.8px);width:26px;height:26px;transition:transform .6s var(--spring);border-radius:50%;flex:none}.link-box[data-valid=true] .link-box-disc{transform:rotate(140deg)scale(1.08)}.link-box[data-busy=true] .link-box-disc{animation:.6s linear infinite spin}.fs{z-index:60;background:var(--bg);touch-action:pan-y;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:18px 28px 24px;display:grid;position:fixed;inset:0;overflow:hidden}.fs-bg{pointer-events:none;position:absolute;inset:0}.fs-bg-art{--fade:radial-gradient(60% 60% at 30% 50%, #000 15%, #00000073 55%, transparent 85%);object-fit:cover;opacity:.5;filter:saturate(1.3);width:116%;height:116%;position:absolute;inset:-8%}[data-theme=light] .fs-bg-art{opacity:.38}.fs-dots{position:absolute}.fs-top,.fs-main,.fs-bottom{z-index:1;position:relative}.fs-top{align-items:center;gap:10px;min-height:44px;display:flex}.fs-spacer{flex:1}.fs-top .btn[data-on=true]{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.fs-main{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:56px;min-height:0;display:grid}.fs[data-lyrics=false] .fs-main{grid-template-columns:minmax(0,1fr);justify-items:center}.fs[data-lyrics=false] .fs-side{text-align:center}.fs-disc{place-items:center;width:100%;min-height:0;display:grid;container-type:inline-size}.fs-disc .disc-stage{--size:min(100cqi, calc(100svh - 250px), 720px)}.fs-side{grid-template-rows:auto minmax(0,1fr);align-content:center;gap:22px;min-height:0;max-height:100%;display:grid}.fs-title{letter-spacing:-.04em;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:clamp(30px,3.8vw,58px);font-weight:500;line-height:1.02}.fs-artist{color:var(--ink-2);margin:8px 0 0;font-size:18px}.lyrics{scrollbar-width:none;max-height:calc(100svh - 380px);margin:0;padding:18vh 0;list-style:none;overflow-y:auto;-webkit-mask:linear-gradient(#0000,#000 22% 78%,#0000);mask:linear-gradient(#0000,#000 22% 78%,#0000)}.lyrics::-webkit-scrollbar{display:none}.lyrics li{letter-spacing:-.02em;color:var(--ink-4);cursor:pointer;transform-origin:0;transition:color .35s, transform .5s var(--spring), opacity .35s;padding:7px 0;font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.2}.lyrics li:hover{color:var(--ink-2)}.lyrics li[data-state=past]{color:var(--ink-3);opacity:.7}.lyrics li[data-state=now]{color:#0000;background:linear-gradient(90deg, var(--ink) var(--p), var(--ink-3) var(--p));-webkit-background-clip:text;background-clip:text;transform:scale(1.03)}.lyrics--plain{color:var(--ink-2);padding:0;font-size:18px}.lyrics--plain p{margin:0 0 4px}.lyrics--empty{max-height:none;padding:0;-webkit-mask:none;mask:none}.fs-bottom{gap:8px;width:min(760px,100%);margin:0 auto;display:grid}.fs-bottom .scrub-time{font-size:12px}.fs-controls{justify-content:center;align-items:center;gap:14px;display:flex}.fs-controls .icon-btn{border-radius:12px;width:44px;height:44px}.fs-controls .icon-btn[data-liked=true]{color:var(--red)}.fs-play{width:64px;height:64px}.disc-stage--parked{visibility:hidden}.fs-grabber{background:var(--ink-4);border-radius:99px;width:38px;height:4px;position:absolute;top:-8px;left:50%;translate:-50%}.tabbar,.pb-mobile-play{display:none}@media (width<=640px){.nav-tabs{visibility:hidden}.nav{justify-content:space-between}.main{padding-bottom:180px}.tabbar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:41;background:var(--surface-glass);-webkit-backdrop-filter:blur(20px)saturate(1.4);height:60px;box-shadow:var(--shadow-lg);border-radius:18px;grid-template-columns:repeat(4,1fr);padding:5px;display:grid;position:fixed}.tabbar-btn{color:var(--ink-3);transition:color .2s, transform .3s var(--spring);border-radius:13px;align-content:center;place-items:center;gap:3px;display:grid;position:relative}.tabbar-btn:active{transform:scale(.9)}.tabbar-btn[data-active=true]{color:var(--ink)}.tabbar-pill{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:13px;position:absolute;inset:0}.tabbar-icon,.tabbar-label{position:relative}.tabbar-icon{display:grid}.tabbar-label{font-family:var(--mono);letter-spacing:.04em;text-transform:lowercase;font-size:10px}.player-bar{bottom:calc(78px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;height:62px;padding:0 8px 0 7px}.player-bar .pb-center,.player-bar .pb-right{display:none}.pb-mobile-play{background:var(--invert);width:42px;height:42px;color:var(--invert-ink);transition:transform .3s var(--spring);border-radius:50%;place-items:center;display:grid}.pb-mobile-play:active{transform:scale(.88)}.pb-meta{cursor:pointer}.player-bar .mini-disc{--s:44px!important}.toasts{bottom:calc(152px + env(safe-area-inset-bottom))}.deck-window[data-corner^=b]{bottom:calc(150px + env(safe-area-inset-bottom))}.fs{padding:14px 16px calc(16px + env(safe-area-inset-bottom));border-radius:0;gap:8px;top:0}.fs-top{touch-action:none;cursor:grab;min-height:40px}.fs-main{grid-template-columns:minmax(0,1fr);align-content:start;gap:14px}.fs-disc .disc-stage{--size:min(100cqi, 46svh)}.fs-side{gap:10px}.fs-title{font-size:26px}.fs-artist{margin-top:4px;font-size:15px}.lyrics{max-height:22svh;padding:6svh 0}.lyrics li{padding:5px 0;font-size:18px}.fs-controls{gap:4px}.fs-controls .icon-btn{width:40px;height:40px}.fs-play{width:58px;height:58px}}.deck-dock{border:1px dashed var(--line);border-radius:16px;width:min(380px,100%);height:270px}.fs-side:has(.deck-dock) .lyrics{max-height:calc(100svh - 680px);padding:6vh 0}.deck-window[data-corner=dock]{max-width:380px;transition:opacity .3s;bottom:auto;right:auto}.deck-window[data-corner=dock] .deck-chrome{cursor:default}.deck-window[data-corner=dock] .deck-dots{display:none}@media (width<=640px){.deck-dock{width:100%;height:262px}.fs:has(.deck-dock) .fs-disc .disc-stage{--size:min(100cqi, 28svh)}.fs-side:has(.deck-dock) .lyrics{display:none}.deck-window[data-corner=dock]{max-width:none;padding:0 8px 8px}}.chip--catalog{background:var(--surface-2);color:var(--ink-2)}.chip--radio{color:#1d0b00;box-shadow:none;background:#ff7a1a}.chip--local{background:var(--invert);color:var(--invert-ink);box-shadow:none}.chip--preview{color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--ink-4);background:0 0;border-radius:4px}.cover-gen--catalog{background:linear-gradient(140deg, var(--accent), color-mix(in srgb, var(--accent-2) 60%, var(--accent)));color:var(--accent-ink)}.cover-gen--radio{color:#1d0b00;background:linear-gradient(140deg,#ffb347,#ff6a00)}.cover-gen--local{background:linear-gradient(140deg, var(--surface-2), var(--bg-2));color:var(--ink)}:root[data-font=grotesk]{--sans:"Space Grotesk Variable", var(--fallback-sans,system-ui), sans-serif}:root[data-font=serif] .hero-title,:root[data-font=serif] .now-title,:root[data-font=serif] .section-title,:root[data-font=serif] .crate-title,:root[data-font=serif] .fs-title,:root[data-font=serif] .shelf-title,:root[data-font=serif] .wrapped-h,:root[data-font=serif] .wrapped-card-title,:root[data-font=serif] .stat-big{letter-spacing:-.01em;font-family:Instrument Serif,Georgia,serif;font-weight:400}:root[data-font=mono] body{font-family:var(--mono);letter-spacing:-.01em}:root[data-font=mono] .hero-title,:root[data-font=mono] .now-title,:root[data-font=mono] .section-title{letter-spacing:-.06em}.art-grain :is(.cover-img,.disc-label img,.sleeve-vinyl-label img,.mini-label img,.track-thumb img){-webkit-mask-image:linear-gradient(#000, #000), var(--noise-mask);-webkit-mask-composite:source-over;-webkit-mask-image:linear-gradient(#000000d1, #000000d1), var(--noise-mask);mask-image:linear-gradient(#000000d1, #000000d1), var(--noise-mask);filter:contrast(1.08)saturate(1.1);-webkit-mask-size:100% 100%,140px 140px;mask-size:100% 100%,140px 140px;-webkit-mask-composite:source-over;mask-composite:add}.nav-cta{gap:5px}.radio-pill{height:32px;color:var(--ink);background:color-mix(in srgb, #ff7a1a 10%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, #ff7a1a 35%, var(--line));transition:transform .35s var(--spring), background .2s;border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 9px;font-size:13px;display:inline-flex}.radio-pill:hover{background:color-mix(in srgb, #ff7a1a 18%, var(--surface))}.radio-pill:active{transform:scale(.95)}.radio-dot{background:#ff7a1a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 #ff7a1a99}.radio-pill[data-on-air=true] .radio-dot{animation:1.6s ease-out infinite on-air}@keyframes on-air{0%{box-shadow:0 0 #ff7a1a8c}to{box-shadow:0 0 0 9px #ff7a1a00}}.radio-pill-live{text-transform:uppercase;letter-spacing:.08em;color:#c2560c;font-size:10px}[data-theme=dark] .radio-pill-live{color:#ffad6b}.radio-pop{z-index:60;width:360px;box-shadow:var(--shadow-lg);transform-origin:100% 0;padding:12px;position:absolute;top:calc(100% + 12px);right:0}.radio-pop-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.radio-pop-head a{font-size:11px;text-decoration:none}.radio-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.radio-row{text-align:left;width:100%;transition:background .2s, transform .3s var(--spring);border-radius:10px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:6px;display:grid}.radio-row:hover{background:var(--surface-2)}.radio-row:active{transform:scale(.98)}.radio-row[data-current=true]{background:color-mix(in srgb, #ff7a1a 14%, var(--surface))}.radio-row-art{background:linear-gradient(140deg,#ffb347,#ff6a00);border-radius:8px;width:38px;height:38px;overflow:hidden}.radio-row-art img{object-fit:cover;width:100%;height:100%}.radio-row-text{min-width:0;display:grid}.radio-row-text .mono{font-size:11px}.radio-row-name{font-size:14px;font-weight:500}.radio-row-count{font-size:10.5px}.more-menu{min-width:260px}.menu-item kbd{color:var(--ink-3);margin-left:auto;font-size:10.5px}.menu-sep{background:var(--line-2);height:1px;margin:5px 4px}.menu-label{align-items:center;gap:6px;padding:6px 10px 4px;display:flex}.menu-chips{flex-wrap:wrap;gap:5px;padding:2px 8px 8px;display:flex}.chip-btn{background:var(--surface-2);height:28px;box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s var(--spring), background .2s;border-radius:8px;padding:0 10px;font-size:12.5px}.chip-btn:hover{background:var(--bg-2)}.chip-btn:active{transform:scale(.94)}.chip-btn[data-on=true]{background:var(--invert);color:var(--invert-ink);box-shadow:none}.sheet--wide{width:min(680px,100% - 32px)}.add-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.add-tile{text-align:left;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s var(--spring), box-shadow .2s;border-radius:12px;align-content:start;justify-items:start;gap:6px;padding:14px;display:grid}button.add-tile:hover{box-shadow:inset 0 0 0 1px var(--ink-4)}button.add-tile:active{transform:scale(.98)}.add-tile small{font-size:10.5px}.add-tile .input{width:100%}.fx-presets{flex-wrap:wrap;gap:6px;display:flex}.eq-rack{background:repeating-linear-gradient(0deg, var(--line-2) 0 1px, transparent 1px 14px), var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;grid-template-columns:repeat(10,1fr);gap:4px;padding:14px 8px 8px;display:grid}.eq-band{justify-items:center;gap:6px;display:grid}.eq-band input{--v:50%;writing-mode:vertical-lr;appearance:none;cursor:pointer;direction:rtl;background:0 0;width:18px;height:150px}.eq-band input::-webkit-slider-runnable-track{background:linear-gradient(0deg, var(--accent-2) var(--v), var(--ink-4) var(--v));border-radius:99px;width:4px}.eq-band input::-moz-range-track{background:var(--ink-4);border-radius:99px;width:4px}.eq-band input::-webkit-slider-thumb{appearance:none;background:var(--surface);width:16px;height:16px;box-shadow:0 0 0 2px var(--ink), 0 2px 6px #00000040;transition:transform .3s var(--spring);border-radius:5px;margin-left:-6px}.eq-band input:active::-webkit-slider-thumb{transform:scale(1.2)}.eq-db{color:var(--ink-2);min-height:12px;font-size:10px}.eq-hz{color:var(--ink-3);font-size:10px}.fx-knobs{grid-template-columns:1fr 1fr auto;align-items:end;gap:16px;display:grid}.fx-knob{grid-template-columns:1fr auto;align-items:center;gap:6px 10px;display:grid}.fx-knob .label-caps{grid-column:1/-1}.fx-knob input{width:100%;accent-color:var(--accent-2)}.fx-knob .mono{text-align:right;min-width:42px;font-size:12px}.fx-note{margin:0;font-size:11px}.look-section{gap:10px;display:grid}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{width:74px;color:var(--ink-2);cursor:pointer;transition:background .2s, transform .3s var(--spring);border-radius:12px;justify-items:center;gap:6px;padding:8px 4px;font-size:12px;display:grid;position:relative}.swatch:hover{background:var(--surface-2)}.swatch[data-on=true]{background:var(--surface-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink-4)}.swatch>span{background:radial-gradient(circle at 35% 35%, var(--c), var(--c2,var(--c)));border-radius:50%;width:36px;height:36px;box-shadow:inset 0 0 0 1px #0000001f}.swatch input[type=color]{opacity:0;cursor:pointer;position:absolute;inset:0}.font-picker{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.font-tile{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s var(--spring);border-radius:12px;justify-items:center;gap:2px;padding:10px 6px;display:grid}.font-tile:active{transform:scale(.95)}.font-tile[data-on=true]{box-shadow:inset 0 0 0 2px var(--ink)}.font-tile .mono{color:var(--ink-3);font-size:11px}.font-tile-sample{font-size:26px;line-height:1.1}.font-tile[data-font=grotesk] .font-tile-sample{font-family:"Space Grotesk Variable", var(--sans)}.font-tile[data-font=serif] .font-tile-sample{font-family:Instrument Serif,Georgia,serif}.font-tile[data-font=mono] .font-tile-sample{font-family:var(--mono)}.keys{grid-template-columns:1fr 1fr;gap:8px 18px;margin:0;display:grid}.keys>div{align-items:center;gap:10px;display:flex}.keys dd{color:var(--ink-2);margin:0;font-size:14px}kbd{text-align:center;background:var(--surface-2);min-width:26px;box-shadow:inset 0 0 0 1px var(--line), 0 1px 0 var(--line);border-radius:6px;padding:3px 6px;font-size:11.5px;display:inline-block}.shelf{margin-bottom:44px}.shelf-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.shelf-title{letter-spacing:-.03em;margin:0;font-size:22px;font-weight:500}.sleeves--row{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:26px 20px}.result-block{margin-top:26px}.sleeve-add{color:var(--ink-2);background:repeating-linear-gradient(45deg, transparent 0 9px, var(--line-2) 9px 10px), var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);border:1.5px dashed var(--ink-4);transition:transform .35s var(--spring), color .2s, border-color .2s;border-radius:8px;place-content:center;justify-items:center;gap:6px;display:grid}.sleeve-add:hover{color:var(--ink);border-color:var(--ink-2);transform:translateY(-3px)rotate(-1deg)}.sleeve-add small{color:var(--ink-3);font-size:10px}.cover-upload{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;height:30px;transition:opacity .2s, transform .3s var(--spring);background:#0000008c;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:12.5px;display:inline-flex;position:absolute;bottom:8px;right:8px}.crate-art:hover .cover-upload,.cover-upload:focus-visible{opacity:1}.cover-upload:active{transform:scale(.94)}.crate-title-input{width:100%;color:var(--ink);background:0 0;border:0;border-bottom:1px dashed #0000;outline:0;padding:0;font-family:inherit}.crate-title-input:hover,.crate-title-input:focus{border-bottom-color:var(--ink-4)}.recent-row{gap:8px;display:grid}.recent-discs{flex-wrap:wrap;gap:6px;display:flex}.recent-disc{transition:transform .4s var(--spring);border-radius:50%}.recent-disc:hover{transform:translateY(-3px)rotate(-30deg)}.recent-disc:hover .mini-disc{animation-play-state:running}.preview-note{margin:-4px 0 0;font-size:11.5px}.disc-dust-motes{pointer-events:none;width:108%;height:108%;color:var(--ink);mix-blend-mode:var(--grain-blend);opacity:.9;position:absolute;inset:-4%}[data-theme=dark] .disc-dust-motes{color:#f3fff8}.you-grid{grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px;display:grid}.stat-card{gap:8px;padding:18px;display:grid}.stat-big{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(48px,7vw,84px);font-weight:500;line-height:1}.stat-big small{color:var(--ink-3);letter-spacing:0;margin-left:6px;font-size:14px}.week-bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:150px;padding-top:10px;display:grid}.week-bar{grid-template-rows:1fr auto;justify-items:center;gap:6px;height:100%;display:grid}.week-bar-fill{--fade:linear-gradient(#000, #000);background:linear-gradient(0deg, var(--accent-2), var(--accent));border-radius:6px 6px 3px 3px;align-self:end;width:100%}.week-bar-day{color:var(--ink-3);font-size:10.5px}.wrapped-card{border-radius:var(--radius);text-align:left;color:#f4fff9;box-shadow:var(--shadow-md);transition:transform .4s var(--spring);background:#07120c;align-content:space-between;justify-items:start;gap:14px;padding:18px;display:grid;position:relative;overflow:hidden}.wrapped-card:hover{transform:translateY(-3px)rotate(-.4deg)}.wrapped-card:active{transform:scale(.98)}.wrapped-card .tag{color:inherit;box-shadow:inset 0 0 0 1px}.wrapped-card .btn{--btn-bg:#f4fff9;--btn-ink:#07120c}.wrapped-card .mono{opacity:.8;font-size:11.5px}.wrapped-card-glow{--fade:radial-gradient(70% 70% at 80% 20%, #000 10%, transparent 75%);background:radial-gradient(circle at 80% 20%, var(--accent), var(--accent-2) 45%, #ff7a1a 80%);opacity:.9;pointer-events:none;position:absolute;inset:0}.wrapped-card>:not(.wrapped-card-glow){position:relative}.wrapped-card-title{letter-spacing:-.04em;font-size:clamp(30px,3.6vw,44px);font-weight:500;line-height:1}.you-lists{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.you-list{padding:10px}.stat-rows{margin:0;padding:0;list-style:none}.stat-row{text-align:left;border-radius:10px;grid-template-columns:24px auto minmax(0,1fr) 80px 40px;align-items:center;gap:10px;width:100%;padding:6px 8px;transition:background .2s;display:grid}.stat-row--static{grid-template-columns:24px auto minmax(0,1fr) 40px}button.stat-row:hover{background:var(--surface-2)}.stat-row-text{min-width:0;font-size:14px;display:grid}.stat-row-text .muted{font-size:12.5px}.stat-row .mono{text-align:right;font-size:11.5px}.stat-meter{background:repeating-linear-gradient(90deg, var(--ink-4) 0 2px, transparent 2px 4px);border-radius:99px;height:4px;overflow:hidden}.stat-meter>span{background:var(--ink);border-radius:99px;height:100%;display:block}.wrapped{--glow:#a3f0cf;z-index:90;color:#f4fff9;cursor:pointer;-webkit-user-select:none;user-select:none;background:#050906;outline:0;place-items:center;padding:60px 20px 30px;display:grid;position:fixed;inset:0;overflow:hidden}.wrapped-glow{--fade:radial-gradient(60% 55% at 50% 60%, #000 5%, #00000080 50%, transparent 85%);background:radial-gradient(circle at 50% 60%, var(--glow), color-mix(in srgb, var(--glow) 40%, #050906) 55%, transparent);transition:background .8s var(--ease);pointer-events:none;position:absolute;inset:-10%}.wrapped-bars{gap:4px;display:flex;position:absolute;top:16px;left:16px;right:64px}.wrapped-bar{background:#ffffff38;border-radius:99px;flex:1;height:3px;overflow:hidden}.wrapped-bar-fill{background:#fff;width:0;height:100%;display:block}.wrapped-bar-fill[data-state=done]{width:100%}.wrapped-bar-fill[data-state=now]{animation:linear forwards wrapped-fill}@keyframes wrapped-fill{to{width:100%}}.wrapped-close{color:#fff;position:absolute;top:6px;right:10px}.wrapped-close:hover{color:#fff;background:#ffffff1f}.wrapped-slide{text-align:center;justify-items:center;gap:18px;max-width:560px;display:grid;position:relative}.wrapped-slide .tag{color:inherit;box-shadow:inset 0 0 0 1px}.wrapped-slide .label-caps{color:#ffffffb3}.wrapped-h{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(34px,6vw,64px);font-weight:500;line-height:1.02}.wrapped-sub{opacity:.8;margin:0;font-size:18px}.wrapped-num{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(80px,16vw,180px);font-weight:500;line-height:.9}.wrapped-disc .mini-disc{box-shadow:0 30px 60px -20px #000c}.wrapped-list{text-align:left;gap:10px;width:min(420px,90vw);margin:0;padding:0;list-style:none;display:grid}.wrapped-list li{grid-template-columns:22px auto 1fr;align-items:center;gap:12px;display:grid}.wrapped-list b{font-size:17px;font-weight:500;display:block}.wrapped-list small{opacity:.7}.wrapped-summary{width:min(440px,90vw);color:var(--ink);text-align:left;gap:16px;padding:22px;display:grid}.wrapped-summary .tag{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.wrapped-summary-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.wrapped-summary-grid b{margin-top:4px;font-size:18px;font-weight:500;display:block}.drop-hint{z-index:95;border:2px dashed var(--accent-2);background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;opacity:0;transition:opacity .2s, transform .3s var(--spring);border-radius:22px;place-items:center;font-size:22px;font-weight:500;display:grid;position:fixed;inset:12px;transform:scale(.98)}.dropping .drop-hint{opacity:1;transform:none}@media (width<=960px){.you-grid,.you-lists{grid-template-columns:1fr}}@media (width<=640px){.tabbar{grid-template-columns:repeat(5,1fr)!important}.nav-cta-label,.radio-pill-label{display:none}.radio-pill{padding:0 9px}.radio-pop{width:auto;position:fixed;top:74px;left:10px;right:10px}.add-grid{grid-template-columns:1fr}.eq-band input{height:120px}.fx-knobs{grid-template-columns:1fr}.font-picker{grid-template-columns:repeat(2,1fr)}.keys{grid-template-columns:1fr}.stat-row{grid-template-columns:22px auto minmax(0,1fr) 36px}.stat-meter{display:none}}.deck-window{transition:opacity .25s var(--ease), visibility .25s;padding:0 10px 10px;inset:auto 20px 112px auto}.deck-window[data-docked=true]{max-width:none;box-shadow:var(--shadow-sm);bottom:auto;right:auto}.deck-window[data-show=false]{transform:none}.deck-window .deck-chrome{cursor:default;gap:10px;height:34px}.deck-window .deck-foot{padding:0;font-size:10.5px}.deck-slot--youtube iframe{min-height:200px}.deck-window[data-provider=spotify] .deck-body{min-height:80px}.deck-dock{border:1px dashed var(--line);border-radius:16px;width:100%;max-width:420px;height:252px}.deck-dock[data-provider=spotify]{height:126px}.now-dock{width:100%}@media (width<=640px){.deck-window{width:auto;left:10px;right:10px;bottom:calc(150px + env(safe-area-inset-bottom))}.deck-window[data-docked=true]{right:auto}}.hero-picks{width:100%}.picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.pick{text-align:left;background:var(--surface);height:56px;box-shadow:var(--shadow-sm);transition:transform .35s var(--spring), box-shadow .25s;border-radius:12px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:2px 10px 2px 2px;display:grid;position:relative}.pick:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pick:active{transform:scale(.97)}.pick-art{width:52px;height:52px;color:var(--accent-ink);background:var(--tint,var(--surface-2));border-radius:10px;place-items:center;display:grid;overflow:hidden}.pick-art img{object-fit:cover;width:100%;height:100%}.pick-text{min-width:0;display:grid}.pick-title{font-size:14px;font-weight:500}.pick-sub{color:var(--ink-3);font-size:10.5px}.pick-play{background:var(--invert);width:30px;height:30px;color:var(--invert-ink);opacity:0;transition:opacity .2s, transform .35s var(--spring);border-radius:50%;place-items:center;display:grid;transform:scale(.7)}.pick:hover .pick-play,.pick:focus-visible .pick-play{opacity:1;transform:none}.home{gap:44px;margin-top:30px;display:grid}.home-row{min-width:0}.row-scroll{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;gap:20px;margin:0 -4px;padding:6px 4px 14px;display:flex;overflow-x:auto;-webkit-mask:linear-gradient(90deg,#000 92%,#0000);mask:linear-gradient(90deg,#000 92%,#0000)}.row-scroll>*{scroll-snap-align:start;flex:none}.row-sleeve{width:172px}.again{text-align:left;width:140px;transition:background .2s, transform .35s var(--spring);border-radius:14px;justify-items:start;gap:8px;padding:6px;display:grid}.again:hover{background:var(--surface);transform:translateY(-3px)}.again:hover .mini-disc{animation-play-state:running}.again-title{width:100%;font-size:14px;font-weight:500}.again-sub{width:100%;color:var(--ink-3);margin-top:-6px;font-size:11px}.radio-banner{text-align:left;color:#fff3e6;box-shadow:var(--shadow-md);transition:transform .4s var(--spring);background:#120803;border-radius:18px;grid-template-columns:96px 1fr auto;align-items:center;gap:20px;padding:18px;display:grid;position:relative;overflow:hidden}.radio-banner:hover{transform:translateY(-2px)}.radio-banner:active{transform:scale(.99)}.radio-banner-glow{--fade:radial-gradient(60% 120% at 15% 50%, #000 10%, transparent 80%);opacity:.85;pointer-events:none;background:radial-gradient(circle at 15%,#ffb347,#ff6a00 45%,#6b1d00 85%);position:absolute;inset:0}.radio-banner>:not(.radio-banner-glow){position:relative}.radio-banner-art{background:repeating-radial-gradient(circle,#0b0b0e 0 1px,#1a1a20 1.4px 2px);border-radius:50%;width:96px;height:96px;animation:3.6s linear infinite spin;overflow:hidden;box-shadow:0 0 0 6px #00000059,0 16px 30px -12px #0009}.radio-banner-art img{object-fit:cover;clip-path:circle(34%);width:100%;height:100%}.radio-banner-text{gap:6px;min-width:0;display:grid}.radio-banner-text .tag{color:inherit;width:fit-content;box-shadow:inset 0 0 0 1px}.radio-banner-text .mono{opacity:.85;font-size:11.5px}.radio-banner-title{letter-spacing:-.035em;font-size:clamp(24px,3vw,34px);font-weight:500;line-height:1}.radio-banner .btn{--btn-bg:#fff3e6;--btn-ink:#120803}.site-footer{border-top:1px dashed var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:56px;padding:18px 2px 0;display:flex}.powered{color:var(--ink-2);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .35s var(--spring), color .2s;border-radius:999px;align-items:center;gap:10px;padding:7px 12px 7px 8px;font-size:13px;text-decoration:none;display:inline-flex}.powered:hover{color:var(--ink);transform:translateY(-2px)}.powered b{color:var(--ink);font-weight:600}.powered-mark{background:radial-gradient(circle, var(--accent) 0 26%, transparent 27%), repeating-radial-gradient(circle, var(--vinyl) 0 1px, var(--vinyl-groove) 1.3px 1.8px);border-radius:6px;width:20px;height:20px}.footer-links{flex-wrap:wrap;gap:14px;font-size:11px;display:flex}.footer-links button,.footer-links a{color:var(--ink-3);text-decoration:none}.footer-links button:hover,.footer-links a:hover{color:var(--ink)}@media (width<=640px){.picks{grid-template-columns:1fr}.radio-banner{grid-template-columns:64px 1fr}.radio-banner-art{width:64px;height:64px}.radio-banner .btn{grid-column:1/-1;justify-self:start}.row-sleeve{width:140px}}.seg{gap:4px;display:inline-flex}.lite .grain{animation:none}.lite .nav,.lite .player-bar,.lite .tabbar,.lite .scrim,.lite .cover-upload{-webkit-backdrop-filter:none}.lite .nav,.lite .player-bar,.lite .tabbar{background:var(--surface)}.lite .disc-halo{transform:none}.lite .section{will-change:auto}.lite .radio-banner-art,.lite .sleeve-vinyl,.lite .mini-disc:after{animation-duration:6s}.pick-art{color:#fff}.pick-art:has(svg){color:var(--accent-ink)}.get-app{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:22px;display:grid}.get-app-text{justify-items:start;gap:8px;display:grid}.get-app-text p{max-width:46ch;margin:0}.get-app-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.get-app-btn{min-width:132px;color:var(--ink);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);transition:transform .35s var(--spring), box-shadow .2s;border-radius:12px;gap:2px;padding:10px 14px;text-decoration:none;display:grid}.get-app-btn:hover{box-shadow:inset 0 0 0 1px var(--ink-4);transform:translateY(-2px)}.get-app-btn:active{transform:scale(.97)}.get-app-btn b{font-size:15px;font-weight:600}.get-app-btn small{color:var(--ink-3);font-size:10.5px}.get-app-btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:none}.get-app-btn--primary small{color:color-mix(in srgb, var(--accent-ink) 65%, transparent)}@media (width<=760px){.get-app{grid-template-columns:1fr}.get-app-buttons{justify-content:flex-start}}.signin-grid{gap:10px;display:grid}.signin-card{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.signin-text{gap:3px;min-width:0;display:grid}.signin-text .mono{align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.signin-text small{font-size:12.5px}.signin-hint{background:color-mix(in srgb, var(--lime) 30%, var(--surface));box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex}@media (width<=640px){.signin-card{grid-template-columns:40px 1fr}.signin-card .btn{grid-column:1/-1}}.signin-actions{justify-items:stretch;gap:6px;display:grid}@media (width<=640px){.signin-actions{grid-column:1/-1}}