/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-black:#000;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-bold:700;--radius-xl:.75rem;--drop-shadow-sm:0 1px 2px #00000026;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{color:#fff;background-color:#121212;overflow:hidden}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.bottom-4{bottom:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.mt-8{margin-top:calc(var(--spacing)*8)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-24{height:calc(var(--spacing)*24)}.min-h-screen{min-height:100vh}.w-24{width:calc(var(--spacing)*24)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.bg-spotify-card{background-color:#252525}.bg-spotify-green{background-color:#1db954}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-spotify-black{--tw-gradient-from:#121212;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-spotify-green{--tw-gradient-from:#1db954;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-spotify-gray-dark{--tw-gradient-via:#101010;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-spotify-gradient-dark-gray{--tw-gradient-to:#0d0d0d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-spotify-green-hover{--tw-gradient-to:#1ed760;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-3{padding-block:calc(var(--spacing)*3)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-black{color:var(--color-black)}.text-red-400{color:var(--color-red-400)}.text-spotify-text{color:#fff}.text-spotify-text-subdued{color:#b3b3b3}.text-transparent{color:#0000}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-spotify-green-hover:hover{background-color:#1ed760}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-spotify-green-hover:focus{--tw-ring-color:#1ed760}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:p-10{padding:calc(var(--spacing)*10)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (min-width:48rem){.md\:mb-8{margin-bottom:calc(var(--spacing)*8)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes jacket-slide-in{0%{opacity:0;transform:translate(-120%)}to{opacity:1;transform:translate(0)}}@keyframes disc-emerge-out{0%{transform:translate(15px)translateY(0);box-shadow:0 2px 4px #0000004d}25%{transform:translate(45px)translateY(-2px);box-shadow:0 3px 10px #00000059}55%{transform:translate(90px)translateY(1px);box-shadow:0 5px 16px #00000073}to{transform:translate(120px)translateY(0);box-shadow:0 6px 20px #00000080}}@keyframes disc-center-in{0%{transform:translate(120px)translateY(0);box-shadow:0 6px 20px #00000080}to{transform:translate(0)translateY(0);box-shadow:0 8px 24px #0009}}@keyframes disc-place{0%{opacity:1;transform:translateY(0)scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-275px)scale(2.8)}}@keyframes eject-up{0%{opacity:1}to{opacity:0}}.room-scene{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.room-background{z-index:0;background:linear-gradient(160deg,#1a1a2e,#16213e 40%,#0f3460);position:absolute;top:0;right:0;bottom:0;left:0}.room-content{z-index:1;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:500px;padding:1rem;display:flex;position:relative}.record-player{width:100%;margin-top:var(--record-player-top-margin,32px);flex-direction:column;align-items:center;display:flex;position:relative}.turntable-base{aspect-ratio:1;background:linear-gradient(160deg,#2e2e2e,#222,#1a1a1a 70%,#151515);border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:360px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #000000b3,0 4px 12px #0006,inset 1px 1px #ffffff17,inset 0 2px 4px #ffffff0a,inset -1px -1px #0000004d,inset 0 -2px 6px #00000040}.base-texture-overlay{pointer-events:none;z-index:1;border-radius:16px;position:absolute;top:0;right:0;bottom:0;left:0}.base-texture-overlay:before{content:"";opacity:.045;pointer-events:none;background-image: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='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;border-radius:16px;position:absolute;top:0;right:0;bottom:0;left:0}.base-texture-overlay:after{content:"";pointer-events:none;background:radial-gradient(at 28% 15%,#ffffff21,#0000 58%);border-radius:16px;position:absolute;top:0;right:0;bottom:0;left:0}.base-texture-wood{background:repeating-linear-gradient(88deg,#0000 0,#280e060f 1px,#0000,#0000 3px),linear-gradient(174deg,#12040200,#12040200 6%,#12040285 16%,#1204021f 24%,#12040273 36%,#12040214 46%,#12040259 58%,#12040200 68%,#12040200),linear-gradient(170deg,#8c442000,#8c442000 22%,#8c442047,#8c442000 46%,#8c442038 62%,#8c442000 74%,#8c442000),radial-gradient(160% 28% at 50% 0,#0e03018c,#0000 62%),radial-gradient(62% 48% at 90% 82%,#0e03017a,#0000 60%),radial-gradient(28% 75% at 0 55%,#0e03016b,#0000 65%),radial-gradient(52% 55% at 68% 46%,#a8582838,#0000 55%);border-top:1px solid #b46e4647;border-left:1px solid #b46e4633}.base-texture-wood:after{content:"";pointer-events:none;background:linear-gradient(155deg,#dca0781c,#0000 35%,#0e04011a);border-radius:16px;position:absolute;top:0;right:0;bottom:0;left:0}.base-texture-aluminum{background:repeating-linear-gradient(0deg,#fff0 0,#ffffff1c 1px,#b4c3d20a 2px,#fff0 4px),repeating-linear-gradient(2deg,#c8d4e000 0,#c8d4e00f 1.5px,#a0afbe08 2.5px,#c8d4e000 5px),linear-gradient(170deg,#0000 26%,#ebf2f833 38%,#0000 52%),linear-gradient(170deg,#dce8f524,#0000,#505a641a,#0000 90%);border-top:1px solid #c8d2dc47;border-left:1px solid #c8d2dc26}.base-texture-aluminum:after{content:"";pointer-events:none;background:linear-gradient(135deg,#fff3,#0000 45%,#0000000d);border-radius:16px;position:absolute;top:0;right:0;bottom:0;left:0}.base-texture-silver{background:radial-gradient(60% 55% at 25% 10%,#ffffff2e,#0000 50%),repeating-radial-gradient(110% 100% at 45% 48%,#fff0 0,#ffffff14 2px,#c8d2dc00 5px,#ffffff0d 10px,#bec8d400,#ffffff08 16px,#0000 18px),repeating-radial-gradient(95% 120% at 58% 42%,#fff0 0,#ffffff0d 3px,#c8d2dc00 6px,#ffffff08 11px,#0000 14px),linear-gradient(145deg,#fafdff38,#fafdff38 18%,#0000 45%,#4652601a 82%,#0000),linear-gradient(#d2def00f,#0000);border-top:1px solid #f5faff61;border-left:1px solid #f5faff42}.base-texture-silver:after{content:"";pointer-events:none;background:linear-gradient(135deg,#f8fcff47,#0000 42%,#0000000f);border-radius:16px;position:absolute;top:0;right:0;bottom:0;left:0}.base-texture-gold{background:linear-gradient(112deg,#fff8c800,#fff8c82e 18%,#fffcdcb8 38%,#fffff5eb,#fffcdcb8 58%,#fff8c82e 78%,#fff8c800),linear-gradient(80deg,#fff0,#ffffdc38 60%,#fff0),repeating-linear-gradient(112deg,#0000 0,#fff0b40a 1px,#0000 3px,#0000 6px),radial-gradient(88% 82% at 95% 95%,#b4872857,#0000 52%),radial-gradient(52% 48% at 2% 90%,#b48c282e,#0000 58%),radial-gradient(128% 128%,#0000 38%,#b478142e),radial-gradient(75% 45% at 30% 15%,#ffe67821,#0000 55%);border-top:1px solid #fff5c3d1;border-left:1px solid #fffcd29e}.base-texture-gold:after{content:"";pointer-events:none;background:linear-gradient(128deg,#fffff56b,#fffcdc33 18%,#0000 38%,#c8a03c1a);border-radius:16px;position:absolute;top:0;right:0;bottom:0;left:0}.base-texture-plastic{background:radial-gradient(at 28% 18%,#ffffff12,#0000 50%)}.turntable-platter{aspect-ratio:1;cursor:pointer;z-index:2;background:radial-gradient(circle,#333,#252525 50%,#1c1c1c 80%,#1a1a1a);border-radius:50%;justify-content:center;align-items:center;width:100%;display:flex;position:relative;box-shadow:inset 0 0 20px #00000080,0 0 0 2px #3a3a3a,0 0 0 3px #444,0 2px 8px #0006}.platter-spindle{background:#666;border-radius:50%;width:10px;height:10px;box-shadow:0 0 4px #000c}.transport-leds{z-index:3;gap:6px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.transport-led{color:#5014144d;-webkit-user-select:none;user-select:none;pointer-events:none;align-items:center;transition:color .15s,filter .15s;display:flex}.transport-led svg{width:12px;height:8px}.transport-led.led-active{color:#ff3030;filter:drop-shadow(0 0 2px #ff3030e6)drop-shadow(0 0 5px #ff303080)}.vinyl-disc{aspect-ratio:1;cursor:pointer;touch-action:none;will-change:transform;background:radial-gradient(circle,#111,#1a1a1a 35%,#111 36%,#1a1a1a 55%,#111 56%,#1a1a1a 70%,#111 71%,#1a1a1a 85%,#111 86%,#0d0d0d);border-radius:50%;outline:none;justify-content:center;align-items:center;width:92%;display:flex;position:relative;box-shadow:0 2px 8px #00000080,inset 0 0 0 1px #ffffff08}.vinyl-spinning{animation:vinyl-spin var(--vinyl-spin-duration,1.8s)linear infinite}.vinyl-paused{animation:vinyl-spin var(--vinyl-spin-duration,1.8s)linear infinite paused}.vinyl-scrubbing{transform:rotate(var(--scrub-rotation,0deg));cursor:grabbing;transition:scale .15s ease-out;scale:1.015;animation:none!important}.vinyl-grooves{pointer-events:none;background:repeating-radial-gradient(circle,#0000 0,#0000 3px,#ffffff04 3px,#ffffff04 4px);border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0}.vinyl-label{aspect-ratio:1;z-index:1;background-color:#333;border-radius:50%;width:36%;box-shadow:0 0 0 2px #0006,0 0 8px #0000004d}.vinyl-spindle{z-index:2;background:radial-gradient(circle at 35% 35%,#aaa,#888 30%,#555,#333);border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 0 1px #00000080,0 0 0 2px #ffffff14,inset 0 1px 2px #ffffff40}.album-jacket{aspect-ratio:1;pointer-events:auto;border-radius:4px;flex-shrink:0;width:140px;transition:transform .15s,opacity .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000080}.jacket-clickable{cursor:pointer}.jacket-clickable:active{transform:scale(.95)}.jacket-pressed{transform:scale(.95);box-shadow:0 2px 8px #0009}.jacket-face{background-color:#2a2a2a;width:100%;height:100%}.jacket-slit{background:#0009;border-radius:2px 0 0 2px;width:4px;height:80%;transition:width .3s,background .3s,box-shadow .3s;position:absolute;top:10%;right:0}.stage-disc-emerge .jacket-slit{background:#1e1e1ecc;width:7px;box-shadow:0 0 8px #0006,inset 0 0 4px #3c3c3c4d}.tracklist-panel{pointer-events:none;grid-template-rows:0fr;width:100%;max-width:360px;margin:0 auto;transition:grid-template-rows .4s cubic-bezier(.25,.8,.25,1),margin-top .4s cubic-bezier(.25,.8,.25,1);display:grid;overflow:hidden}.tracklist-panel-open{pointer-events:auto;margin-top:var(--gap-jacket-to-panel,8px);grid-template-rows:1fr}.tracklist-panel-inner{background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff04 3px,#ffffff04 4px),linear-gradient(160deg,#1c1c1c,#181818,#141414);border-radius:8px;flex-direction:column;min-height:0;max-height:180px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #0000004d,0 4px 20px #00000080}.tracklist-header-btns{flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;padding:5px 8px 2px;display:flex}.tracklist-nav-left{flex:1;justify-content:flex-start;align-items:center;gap:4px;display:flex}.tracklist-panel-title{letter-spacing:.3px;color:#ffffff4d;text-align:center;white-space:nowrap;flex:none;font-size:9px;font-weight:500}.tracklist-nav-right{flex:1;justify-content:flex-end;align-items:center;gap:4px;display:flex}.tracklist-toggle-btn{color:#ffffff73;letter-spacing:.3px;cursor:pointer;background:#ffffff0f;border:none;border-radius:10px;padding:2px 8px;font-size:9px;font-weight:500;line-height:1.4;transition:color .15s,background .15s}.tracklist-toggle-btn:hover{color:#fffc;background:#ffffff1a}.tracklist-close-btn{color:#fff6;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:color .15s,background .15s;display:flex}.tracklist-close-btn:hover{color:#fffc;background:#ffffff1f}.tracklist-scroll{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;flex-direction:column;flex:1;gap:1px;padding:8px 10px;display:flex;overflow-y:auto}.tracklist-scroll::-webkit-scrollbar{width:4px}.tracklist-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}@keyframes tracklist-shimmer{0%{opacity:.25}50%{opacity:.08}to{opacity:.25}}.tracklist-skeleton-row{flex-direction:column;gap:4px;padding:6px;display:flex}.tracklist-skeleton-title,.tracklist-skeleton-artist{background:#ffffff2e;border-radius:3px;animation:1.4s ease-in-out infinite tracklist-shimmer}.tracklist-skeleton-title{width:65%;height:8px}.tracklist-skeleton-artist{width:40%;height:6px;animation-delay:.2s}.tracklist-item{color:#ffffffa6;text-align:left;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;border-radius:4px;align-items:center;gap:8px;width:100%;padding:5px 6px;font-size:12px;transition:background .15s;display:flex}.tracklist-item:hover{background:#ffffff0f}.tracklist-item-active{color:#fff}.tracklist-item-active .tracklist-name{font-weight:600}.tracklist-num{text-align:right;color:#ffffff59;flex-shrink:0;width:18px;font-size:11px}.tracklist-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tracklist-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.tracklist-artist{text-overflow:ellipsis;white-space:nowrap;color:#ffffff59;font-size:10px;line-height:1.3;overflow:hidden}.tracklist-dur{color:#ffffff59;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:10px}.add-to-queue-btn{color:#ffffff41;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:10px;line-height:1;transition:color .15s,background .15s;display:flex}.add-to-queue-btn:hover{color:#fffc;background:#ffffff1f}.add-to-queue-done{color:#1db954;pointer-events:none;background:#1db9541a;width:16px;font-size:9px}.heart-btn{color:#ffffff41;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:color .15s,background .15s;display:flex;position:relative;overflow:visible}.heart-btn:hover{color:#fffc;background:#ffffff1f}.heart-btn-saved{color:#e8274b;pointer-events:none;cursor:default;background:#e8274b1f}.heart-btn-saved:hover{color:#e8274b;background:#e8274b1f}@keyframes heart-float{0%{opacity:.9;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-16px)scale(.5)}}.heart-float{pointer-events:none;color:#e8274b;animation:.65s ease-out forwards heart-float;position:absolute}.heart-float:first-child{animation-delay:0s;top:-2px;left:-2px}.heart-float:nth-child(2){animation-delay:80ms;top:-2px;left:6px}.transition-area{width:100%;height:160px;margin-top:var(--gap-base-to-jacket,16px);z-index:10;pointer-events:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.album-jacket.stage-jacket-enter{animation:jacket-slide-in var(--jacket-enter-duration,.8s)ease-out forwards}.album-jacket.stage-disc-emerge{opacity:1;z-index:5;transform:translate(0)}.album-jacket.stage-disc-center,.album-jacket.stage-disc-rest,.album-jacket.stage-disc-place{opacity:1;z-index:1;transform:translate(0)}.album-jacket.stage-playing,.album-jacket.stage-paused{opacity:1;transform:translate(0)}.album-jacket.stage-eject{animation:eject-up var(--eject-duration,.3s)ease-in forwards}.disc-transitioning.stage-disc-emerge{aspect-ratio:1;z-index:1;width:100px;animation:disc-emerge-out var(--disc-emerge-duration,.75s)ease-out forwards;position:absolute}.disc-transitioning.stage-disc-center{aspect-ratio:1;z-index:10;width:100px;animation:disc-center-in var(--disc-center-duration,.75s)ease-in-out forwards;position:absolute}.disc-transitioning.stage-disc-rest{aspect-ratio:1;z-index:10;width:100px;position:absolute;transform:translate(0);box-shadow:0 8px 24px #0009}.disc-transitioning.stage-disc-place{aspect-ratio:1;z-index:10;width:100px;animation:disc-place var(--disc-place-duration,1.35s)ease-in forwards;position:absolute}.disc-transitioning.stage-eject{animation:eject-up var(--eject-duration,.3s)ease-in forwards}.disc-on-platter{aspect-ratio:1;width:92%}.song-info{text-align:center;width:100%;max-width:360px}.song-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:600;overflow:hidden}.song-artist{color:#b3b3b3;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.song-album{color:#888;white-space:nowrap;text-overflow:ellipsis;margin-top:.1rem;font-size:.75rem;overflow:hidden}.song-link{color:inherit;text-decoration:none;transition:-webkit-text-decoration .15s,text-decoration .15s}.song-link:hover{text-decoration:underline}.player-controls{justify-content:center;align-items:center;gap:1.5rem;padding:.25rem 0;display:flex}.control-btn{color:#b3b3b3;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:color .15s,transform .15s;display:flex}.control-btn:hover{color:#fff;transform:scale(1.1)}.control-btn:active{transform:scale(.95)}.control-btn-main{color:#fff;background:#ffffff14;padding:.7rem}.control-btn-main:hover{background:#ffffff26}.btn-logout{color:#ffffff59;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:9999px;padding:.2rem .6rem;font-size:.6rem;line-height:1;transition:all .15s}.btn-logout:hover{color:#ffffffb3;border-color:#ffffff80}.tonearm-container{z-index:3;pointer-events:none;transform-origin:14px 12px;width:28px;height:200px;transition:transform .8s ease-in-out;position:absolute;top:6px;right:14px}.tonearm-resting{transform:rotate(52deg)}.tonearm-playing{transform:rotate(20deg)}.tonearm-paused{transform:rotate(23deg)}@keyframes tonearm-wobble{0%,to{transform:rotate(20deg)}25%{transform:rotate(22.5deg)}75%{transform:rotate(17.5deg)}}.tonearm-wobble{transition:none;animation:.35s ease-in-out infinite tonearm-wobble}.color-customizer{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex}.bottom-bar{z-index:20;align-items:center;gap:.5rem;display:flex;position:fixed;bottom:.3rem;right:.75rem}.color-btns-row{align-items:center;gap:.5rem;display:flex}.color-btn-group{flex-direction:column;align-items:center;gap:.15rem;display:flex}.color-btn-label{text-transform:uppercase;letter-spacing:.06em;color:#ffffff4d;pointer-events:none;font-size:.45rem}.color-btn{background:var(--btn-color,#222);cursor:pointer;border:2px solid #ffffff2e;border-radius:50%;flex-shrink:0;width:20px;height:20px;padding:0;transition:border-color .15s,transform .15s}.color-btn:hover,.color-btn.active{border-color:#fff9;transform:scale(1.15)}.color-popover{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121212f5;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:.55rem;width:210px;padding:.75rem;display:flex;box-shadow:0 8px 32px #000000b3}.color-popover-label{text-transform:uppercase;letter-spacing:.12em;color:#ffffff59;margin:0;font-size:.6rem}.material-presets-row{gap:.35rem;display:flex}.material-preset-btn{cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:.3rem;padding:.4rem .15rem;transition:border-color .15s,background .15s;display:flex}.material-preset-btn:hover,.material-preset-btn.active{background:#ffffff0d;border-color:#ffffff59}.material-preset-swatch{border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;width:30px;height:30px;display:block}.material-preset-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.05em;font-size:.5rem}.color-popover-divider{background:#ffffff12;height:1px}.custom-color-section{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.color-input-row{align-items:center;gap:.5rem;display:flex}.color-wheel-input{cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:6px;flex-shrink:0;width:34px;height:34px;padding:2px}.color-hex-input{color:#ffffffa6;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;outline:none;flex:1;padding:.3rem .45rem;font-family:monospace;font-size:.7rem;transition:border-color .15s}.color-hex-input:focus{color:#ffffffd9;border-color:#ffffff4d}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}