@font-face{font-family:Selecta;src:url(/fonts/Selecta-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Selecta;src:url(/fonts/Selecta-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@property --angle-1{syntax: "<angle>"; inherits: false; initial-value: -75deg;}@property --angle-2{syntax: "<angle>"; inherits: false; initial-value: -45deg;}:root{--bg-page: #ebe9e6;--bg-surface: #f4f4f4;--ink: #3b3a38;--ink-soft: #8a8781;--red: #eb5d5c;--shadow-lg: 0 24px 60px rgba(25, 27, 36, .14)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-page);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.shell{position:relative;width:100%;max-width:440px;height:100dvh;margin:0 auto;background:var(--bg-surface);display:flex;flex-direction:column;overflow:hidden;user-select:none;-webkit-user-select:none}@media(min-width:480px){.shell{height:min(920px,96dvh);margin:2dvh auto;border-radius:40px;box-shadow:var(--shadow-lg),0 0 0 1px #0000000d}}.player-area{flex:0 6 46%;min-height:240px;display:flex;align-items:center;justify-content:center}.deck{position:absolute;left:50%;top:50%;width:563.263px;height:563.263px;border-radius:89.053px;overflow:hidden;background:radial-gradient(340px circle at 50% 50%,#eeeeec,#d6d5d3);box-shadow:0 4.453px 4.453px #00000038,0 0 4.453px #00000040}.deck-seam{position:absolute;top:-24px;width:3px;height:816px;background:#dedede}.deck-rim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 6.679px 0 8.905px #ffffff70,inset 0 -6.679px 6.679px #0000001c,inset 0 8.905px 8.905px #ffffff40}.platter{position:absolute;left:calc(50% - .06px);top:calc(50% + .01px);transform:translate(-50%,-50%) scale(1.2);width:294.967px;height:294.967px}.disc-fade{animation:disc-fade .6s ease forwards}@keyframes disc-fade{to{opacity:0}}.platter-empty{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:radial-gradient(closest-side,#dbdad7 55%,#cecdca);box-shadow:inset 0 3px 8px #00000021,inset 0 -1px 2px #ffffff8c}.platter-empty:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:27.7px;height:27.7px;border-radius:50%;background:#f2f1ef;box-shadow:0 1px 1px #fff9,inset 0 1px 2px #0000001f}.tonearm{position:absolute;left:292.16px;top:55.05px;width:216.882px;height:317.457px;transform-origin:186.2px 31px;transition:transform .85s cubic-bezier(.34,.05,.22,1);z-index:5}.shelf{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.shelf-row{flex-shrink:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:42px calc(50% - 51px) 40px;scrollbar-width:none}.shelf-row::-webkit-scrollbar{display:none}.sleeve-slot{position:relative;flex:none;width:178px;margin:0 -38px;scroll-snap-align:center;cursor:pointer}.sleeve-3d{position:relative;width:178px;height:178px;transform-style:preserve-3d;will-change:transform}.sleeve-disc{position:absolute;left:50%;top:0;width:163px;height:163px;transition:transform .48s cubic-bezier(.3,.7,.2,1.25),opacity .25s}.sleeve{position:relative;width:178px;height:178px;border-radius:5px;overflow:hidden;background:#fff;transform:translateZ(1px);box-shadow:0 10px 22px #0000002e,0 1px 2px #00000024}.sleeve-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sleeve-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#ffffff42,#fff0 38%,#00000012);box-shadow:inset 0 0 0 1px #ffffff29,inset 0 -1px #0000001a}.shelf-info{flex-shrink:0;text-align:center;padding:2px 24px 4px;min-height:52px}.shelf-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.shelf-artist{font-size:12.5px;color:var(--ink-soft);margin-top:2px;padding:0 16px;line-height:1.35}.action-bar{flex-shrink:0;margin-top:auto;display:flex;justify-content:center;align-items:center;gap:12px;padding:10px 0 22px}.glass-btn-wrap{position:relative;z-index:2;border-radius:999vw;background:transparent;pointer-events:none;transition:all .4s cubic-bezier(.25,1,.5,1)}.glass-btn-shadow{position:absolute;width:calc(100% + 1em);height:calc(100% + 1em);top:calc(0% - .5em);left:calc(0% - .5em);filter:blur(clamp(1px,.0625em,6px));overflow:visible;pointer-events:none;z-index:1}.glass-btn-shadow:after{content:"";position:absolute;z-index:0;right:0;bottom:0;border-radius:999vw;background:linear-gradient(180deg,#00000008,#00000004);width:calc(100% - 1.125em);height:calc(100% - 1.125em);top:.75em;left:.5625em;padding:.125em;box-sizing:border-box;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:all .4s cubic-bezier(.25,1,.5,1);opacity:1}.glass-btn{all:unset;cursor:pointer;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);pointer-events:auto;z-index:3;background:linear-gradient(-75deg,#ffffff0d,#fff3,#ffffff0d);border-radius:999vw;box-shadow:inset 0 .125em .125em #00000009,inset 0 -.125em .125em #ffffff80,0 .25em .125em -.125em #0000001a,0 0 .1em .25em inset #fff3,0 0 #fff;backdrop-filter:blur(clamp(1px,.125em,4px));-webkit-backdrop-filter:blur(clamp(1px,.125em,4px));transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;align-items:center;justify-content:center;height:46px;font-family:inherit}.glass-btn:hover{transform:scale(.975);box-shadow:inset 0 .125em .125em #00000009,inset 0 -.125em .125em #ffffff80,0 .075em .025em -.1em #00000040,0 0 .05em .1em inset #ffffff80,0 0 #fff}.glass-btn span{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;color:#323232;text-shadow:0em .05em .05em rgba(0,0,0,.05);transition:all .4s cubic-bezier(.25,1,.5,1);padding-inline:1.75em;font-size:16px;font-weight:500;letter-spacing:-.18px;white-space:nowrap}.glass-btn span:after{content:"";display:block;position:absolute;z-index:3;width:calc(100% - clamp(1px,.0625em,4px));height:calc(100% - clamp(1px,.0625em,4px));top:calc(0% + clamp(1px,.0625em,4px)/2);left:calc(0% + clamp(1px,.0625em,4px)/2);border-radius:999vw;overflow:clip;background:linear-gradient(var(--angle-2),rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 40% 50%,rgba(255,255,255,0) 55%);mix-blend-mode:screen;pointer-events:none;background-size:200% 200%;background-position:0% 50%;background-repeat:no-repeat;transition:background-position .5s cubic-bezier(.25,1,.5,1),--angle-2 .5s cubic-bezier(.25,1,.5,1)}.glass-btn:hover span:after{background-position:25% 50%}.glass-btn:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;border-radius:999vw;width:calc(100% + clamp(1px,.0625em,4px));height:calc(100% + clamp(1px,.0625em,4px));top:calc(0% - (clamp(1px,.0625em,4px)/2));left:calc(0% - (clamp(1px,.0625em,4px)/2));padding:clamp(1px,.0625em,4px);box-sizing:border-box;background:conic-gradient(from var(--angle-1) at 50% 50%,rgba(0,0,0,.5),rgba(0,0,0,0) 5% 40%,rgba(0,0,0,.5) 50%,rgba(0,0,0,0) 60% 95%,rgba(0,0,0,.5)),linear-gradient(180deg,#ffffff80,#ffffff80);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:all .4s cubic-bezier(.25,1,.5,1),--angle-1 .5s ease;box-shadow:inset 0 0 0 calc(clamp(1px,.0625em,4px)/2) #ffffff59}.glass-btn:hover:after{--angle-1: -125deg}.glass-btn-wrap:has(button:hover) .glass-btn-shadow{filter:blur(clamp(.25px,.0156em,1.5px))}.glass-btn-wrap:has(button:active){transform:rotateX(25deg)}.glass-btn-wrap--header{width:160px}.glass-btn-wrap--header .glass-btn{width:160px;height:48px;background:linear-gradient(-75deg,#ffffff1a,#ffffff4d,#ffffff1a),#ffffff8c;border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 4px #fffa,inset 0 -4px 4px #ffffffd9,inset 0 0 14px #e5e5e58c,0 11px 28px #00000012,0 23px 31px #0000000d;backdrop-filter:blur(clamp(4px,.5em,14px));-webkit-backdrop-filter:blur(clamp(4px,.5em,14px))}.glass-btn-wrap--header .glass-btn span{font-family:Selecta,-apple-system,system-ui,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.16px;color:#363636;padding-inline:.65em}.glass-btn-wrap--round,.glass-btn-wrap--round .glass-btn{width:48px}.glass-btn-wrap--round .glass-btn span{padding-inline:0}.glass-btn-wrap--load,.glass-btn-wrap--load .glass-btn{width:118px}.glass-btn:disabled{cursor:default}.glass-btn-wrap:has(button:disabled){opacity:.55}.shell--og{max-width:none;width:1200px;height:630px;margin:0;border-radius:0;box-shadow:none;flex-direction:row;align-items:center;background:radial-gradient(120% 90% at 22% 40%,#fafaf9,#fafaf900 62%),var(--bg-surface)}.shell--og .player-area{flex:0 0 500px;height:100%;min-height:0}.og-right{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;padding-right:8px}.og-copy{padding:0 76px 0 4px}.og-title{font-family:Selecta,-apple-system,system-ui,sans-serif;font-size:68px;font-weight:500;letter-spacing:-.035em;line-height:1;color:var(--ink)}.og-sub{margin-top:16px;max-width:480px;font-size:20px;line-height:1.45;letter-spacing:-.01em;color:var(--ink-soft)}.shell--og .shelf{flex:none;padding-bottom:0}.shell--og .shelf-info,.shell--og .action-bar{display:none}