#root,body,html{height:100%;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#09090b;color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif}.stage{background:radial-gradient(ellipse at 50% 88%,#d69c5c29,#0000 36%),radial-gradient(ellipse at 50% 16%,#ffecd60d,#0000 32%),linear-gradient(180deg,#241c17,#0c0b0d 72%);box-sizing:border-box;container-type:size;display:grid;height:100vh;height:100dvh;overflow:hidden;padding:20px 32px 20px 28px;place-items:center;position:relative}.backdrop{animation:scene-in .9s ease;overflow:hidden;pointer-events:none;z-index:0}.backdrop,.backdrop-gif{inset:0;position:absolute}.backdrop-gif{height:100%;object-fit:cover;width:100%}.backdrop-vignette{background:radial-gradient(ellipse at 50% 45%,#0000 18%,#0000008c 78%);inset:0;position:absolute}.pod{display:grid;place-items:center;position:relative;z-index:1}.glow{background:radial-gradient(circle,var(--accent) 0,#0000 68%);border-radius:50%;filter:blur(34px);height:62%;opacity:.2;pointer-events:none;position:absolute;transition:opacity .45s ease;width:150%;z-index:0}.pod.live .glow{animation:breathe 4.2s ease-in-out infinite;opacity:.48}.pod:before{background:radial-gradient(ellipse,#e8b0706b,#0000 70%);border-radius:50%;bottom:2%;content:"";filter:blur(10px);height:16%;pointer-events:none;position:absolute;width:78%;z-index:0}.device-wrap{aspect-ratio:340/572;container-type:size;overflow:hidden;position:relative;width:min(82cqw,calc(82cqh*340/572));z-index:1}.device{align-items:center;background:linear-gradient(165deg,#fff,#fff0 32%),linear-gradient(180deg,#f5f5f7,#e4e4e8 58%,#d4d4d9);border-radius:36px;box-shadow:inset 0 1px 0 #fffffff2,inset 0 -10px 18px #0000000f;display:flex;flex-direction:column;gap:18px;height:572px;padding:24px 16px 26px;position:relative;transform:scale(1);transform:scale(var(--s,1));transform-origin:top left;-webkit-user-select:none;user-select:none;width:340px}.bezel,.device{box-sizing:border-box}.bezel{background:linear-gradient(180deg,#4a4a4e,#1a1a1e);border-radius:8px;box-shadow:inset 0 1px 0 #ffffff59,0 1px 0 #ffffffa6;padding:6px;width:100%}.lcd{background:linear-gradient(180deg,#e8e9ef,#d2d3db);border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff8c;color:#1c1c1e;height:222px;overflow:hidden;position:relative}.lcd:before{background-image:radial-gradient(#1e202873 .5px,#0000 0);background-size:3px 3px;opacity:.12;z-index:3}.lcd:after,.lcd:before{content:"";inset:0;pointer-events:none;position:absolute}.lcd:after{background:linear-gradient(115deg,#fff3,#0000 38%);z-index:2}.lcd-view{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:8px 12px;position:relative;z-index:1}.status{align-items:center;color:#6e6e73;display:flex;font-size:11px;font-weight:650;gap:12px;justify-content:space-between;letter-spacing:.12em;text-transform:uppercase}.status span:last-child{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.04em}.status-link{background:none;border:0;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;padding:0;text-transform:inherit}.now{background:radial-gradient(ellipse at 50% 28%,color-mix(in srgb,var(--accent) 24%,#0000),#0000 64%);flex:1 1;flex-direction:column;gap:6px;justify-content:center;min-height:0}.deck,.now{align-items:center;display:flex}.deck{gap:10px}.vu{align-items:flex-end;display:flex;gap:2px;height:42px;width:18px}.vu span{background:#b4b5be;border-radius:1px;flex:1 1;height:28%;transform-origin:bottom}.vu span:first-child{--peak:46%}.vu span:nth-child(2){--peak:78%}.vu span:nth-child(3){--peak:100%}.vu span:nth-child(4){--peak:64%}.vu span:nth-child(5){--peak:38%}.vu.mirror span:first-child{--peak:34%}.vu.mirror span:nth-child(2){--peak:88%}.vu.mirror span:nth-child(3){--peak:70%}.vu.mirror span:nth-child(4){--peak:96%}.vu.mirror span:nth-child(5){--peak:52%}.deck.on .vu span{animation:vu .85s ease-in-out infinite;background:linear-gradient(to top,#9a9ba6 0 55%,var(--accent) 78%,#5c5d66 100%)}.deck.on .vu span:nth-child(2){animation-delay:.12s}.deck.on .vu span:nth-child(3){animation-delay:.28s}.deck.on .vu span:nth-child(4){animation-delay:.08s}.deck.on .vu span:nth-child(5){animation-delay:.2s}.deck.on .vu.mirror span:first-child{animation-delay:.18s}.deck.on .vu.mirror span:nth-child(2){animation-delay:.04s}.deck.on .vu.mirror span:nth-child(3){animation-delay:.22s}.deck.on .vu.mirror span:nth-child(4){animation-delay:.34s}.deck.on .vu.mirror span:nth-child(5){animation-delay:.1s}.disc{animation:spin 14s linear infinite;animation-play-state:paused;background:radial-gradient(circle at 50% 50%,#d7dde8 0 8px,#0000 9px),repeating-radial-gradient(circle at 50% 50%,#1a1c22 0 2px,#2c2f38 3px 4px);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 75%,#111),0 8px 16px #0000002e;flex:0 0 auto;height:64px;position:relative;width:64px}.disc:before{background:conic-gradient(from 30deg,#0000 0 68%,#ffffff38 76%,#0000 86%);border-radius:50%;content:"";inset:0;position:absolute;z-index:1}.disc.on{animation-play-state:running}.disc:after{background:radial-gradient(circle at 40% 35%,#f7f8fa,var(--accent) 74%);border-radius:50%;box-shadow:inset 0 0 0 3px #1a1c22;content:"";inset:22px;position:absolute;z-index:2}.track-title{font-size:20px;font-weight:650;letter-spacing:-.03em;margin:4px 0 0;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.track-state{align-items:center;color:#6e6e73;display:flex;font-size:13px;margin:0}.eq{align-items:flex-end;display:flex;gap:2px;height:12px;margin-right:8px}.eq span{background:var(--accent);border-radius:2px;height:3px;transform-origin:bottom;width:3px}.eq.on span{animation:eq .9s ease-in-out infinite}.eq.on span:nth-child(2){animation-delay:.12s}.eq.on span:nth-child(3){animation-delay:.28s}.eq.on span:nth-child(4){animation-delay:.05s}.dot-sep{margin:0 6px}.transport{margin-top:4px}.times{font-feature-settings:"tnum";color:#6e6e73;display:flex;font-size:12px;font-variant-numeric:tabular-nums;justify-content:space-between;margin-bottom:4px}.seek{align-items:center;background:#0000;border:0;cursor:pointer;display:flex;height:16px;padding:0;width:100%}.seek-track{background:#1c1c1e29;border-radius:99px;height:3px;position:relative;width:100%}.seek-fill{border-radius:inherit;inset:0 auto 0 0}.seek-fill,.seek-knob{background:var(--accent);position:absolute}.seek-knob{border-radius:50%;box-shadow:0 0 0 2px #f4f5f7;height:9px;right:0;top:50%;transform:translate(50%,-50%);width:9px}.menu{flex:1 1;margin-top:6px;min-height:0;overflow:hidden;position:relative}.menu-track{display:flex;flex-direction:column;gap:2px;position:relative;transform:translateY(calc(var(--offset)*-36px));transition:transform .2s ease}.menu-highlight{background:linear-gradient(180deg,#5a5a60,#2e2e33);border-radius:4px;height:34px;left:0;position:absolute;right:0;transform:translateY(calc(var(--i)*36px));transition:transform .2s ease}.menu-item{align-items:center;background:#0000;border:0;border-radius:4px;color:#1c1c1e;cursor:pointer;display:flex;font:inherit;font-size:15px;height:34px;justify-content:space-between;padding:0 10px;position:relative;text-align:left;z-index:1}.menu-item.selected{color:#fff;font-weight:600}.menu-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item .index{font-feature-settings:"tnum";flex:0 0 auto;font-size:12px;font-variant-numeric:tabular-nums;margin-left:8px;opacity:.75}.wheel{background:radial-gradient(circle at 50% 42%,#f7f7f8 0,#c5c5cb 74%);border-radius:50%;box-shadow:inset 0 1px 0 #ffffffe6,inset 0 -8px 12px #0000001a,0 0 0 11px #d7d7dc,0 0 0 12px #fffc;flex:0 0 auto;height:270px;margin-top:0;position:relative;width:270px}.wheel:after{background:repeating-conic-gradient(from 0deg,#28283038 0 1deg,#0000 1deg 18deg);border-radius:50%;content:"";inset:8px;mask:radial-gradient(circle,#0000 68%,#000 69% 76%,#0000 77%);-webkit-mask:radial-gradient(circle,#0000 68%,#000 69% 76%,#0000 77%);pointer-events:none;position:absolute}.center,.pad{background:#0000;border:0;color:#3c3c42;cursor:pointer;font:inherit;position:absolute}.pad{display:grid;height:44px;place-items:center;width:64px}.pad svg{display:block;height:18px;width:18px}.center:hover,.pad:hover{color:#111114}.pad.menu,.pad.play{left:50%;transform:translateX(-50%);width:64px}.pad.menu{font-size:11px;font-weight:650;height:28px;letter-spacing:.14em;text-transform:uppercase;top:10px}.pad.play{bottom:10px;height:32px}.pad.play svg{height:14px;width:28px}.volume-rocker{background:linear-gradient(180deg,#cfcfd4,#b4b4ba);border-radius:5px 0 0 5px;box-shadow:inset 1px 0 0 #ffffffbf,inset 0 1px 0 #ffffff80;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:118px;width:16px;z-index:3}.volume-rocker button{background:#0000;border:0;color:#2c2c30;cursor:pointer;font:inherit;font-size:15px;height:30px;line-height:1;padding:0}.volume-rocker button+button{box-shadow:inset 0 1px 0 #ffffff73}.volume-rocker button:hover{background:#ffffff59}.pad.prev{left:8px}.pad.next,.pad.prev{top:50%;transform:translateY(-50%)}.pad.next{right:8px}.center{background:radial-gradient(circle at 50% 34%,#fff 0,#d2d2d8 74%);border-radius:50%;box-shadow:inset 0 1px 0 #fffffff2,inset 0 -5px 8px #0000001f;color:#2a2a2e;display:grid;height:104px;left:50%;place-items:center;top:50%;transform:translate(-50%,-50%);width:104px}.center:active{transform:translate(-50%,-50%) scale(.97)}.theme-toggle{background:linear-gradient(180deg,#f7f7f8,#d4d4d9);border:0;border-radius:50%;box-shadow:inset 0 1px 0 #ffffffe6,0 4px 12px #00000047;color:#2c2c30;cursor:pointer;display:grid;height:36px;padding:0;place-items:center;position:fixed;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));width:36px;z-index:5}.theme-toggle svg{display:block;height:16px;width:16px}.pod.dark .device{background:linear-gradient(165deg,#ffffff29,#0000 28%),linear-gradient(180deg,#3a3b40,#17181c 50%,#101114);box-shadow:inset 0 1px 0 #ffffff38,inset 0 -10px 18px #0006}.pod.dark .bezel{box-shadow:inset 0 1px 0 #ffffff29,0 1px 0 #ffffff0f}.pod.dark .lcd{background:linear-gradient(180deg,#2a2b31,#15161a);box-shadow:inset 0 0 0 1px #ffffff0f;color:#f2f2f5}.pod.dark .lcd:before{background-image:radial-gradient(#ffffff47 .5px,#0000 0)}.pod.dark .lcd:after{background:linear-gradient(115deg,#ffffff0f,#0000 42%)}.pod.dark .status,.pod.dark .times,.pod.dark .track-state{color:#a1a1aa}.pod.dark .vu span{background:#5c5d66}.pod.dark .seek-track{background:#ffffff29}.pod.dark .seek-knob{box-shadow:0 0 0 2px #1a1b20}.pod.dark .menu-item{color:#f2f2f5}.pod.dark .menu-highlight{background:linear-gradient(180deg,#ececf1,#c8c8ce)}.pod.dark .menu-item.selected{color:#16171b}.pod.dark .wheel{background:radial-gradient(circle at 50% 42%,#3e3f46 0,#141518 74%);box-shadow:inset 0 1px 0 #ffffff29,inset 0 -8px 12px #00000073,0 0 0 11px #1a1b20,0 0 0 12px #ffffff0d}.pod.dark .wheel:after{background:repeating-conic-gradient(from 0deg,#ffffff38 0 1deg,#0000 1deg 18deg)}.pod.dark .center,.pod.dark .pad{color:#d5d5dc}.pod.dark .center:hover,.pod.dark .pad:hover{color:#fff}.pod.dark .center{background:radial-gradient(circle at 50% 34%,#4a4b52 0,#1c1d22 74%);box-shadow:inset 0 1px 0 #fff3,inset 0 -5px 8px #0006}.pod.dark .volume-rocker{box-shadow:inset 0 1px 0 #ffffff1f}.pod.dark .volume-rocker,.theme-toggle.dark{background:linear-gradient(180deg,#3a3b40,#1c1d22);color:#ececf1}.theme-toggle.dark{box-shadow:inset 0 1px 0 #ffffff29,0 4px 12px #0006}.pod.dark .volume-rocker button{color:#ececf1}.pod.dark .volume-rocker button+button{box-shadow:inset 0 1px 0 #ffffff14}.sr-player{height:0;overflow:hidden;position:absolute;width:0}button:focus-visible{outline:2px solid #2f74ead9;outline-offset:2px}@keyframes scene-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes breathe{0%,to{opacity:.38}50%{opacity:.62}}@keyframes eq{0%,to{height:3px}50%{height:12px}}@keyframes vu{0%,to{height:22%}50%{height:var(--peak)}}@media (max-width:700px){.stage{background:#d4d4d9;padding:0;place-items:stretch}.backdrop,.glow,.pod:before{display:none}.pod{background:linear-gradient(165deg,#fff,#fff0 30%),linear-gradient(180deg,#f5f5f7,#e4e4e8 55%,#d4d4d9);box-sizing:border-box;container-type:size;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);place-items:center;width:100%}.device-wrap{aspect-ratio:340/572;width:min(100cqw,calc(100cqh*340/572))}.device{background:#0000;border-radius:0;box-shadow:none}.wheel{margin-top:0}.volume-rocker{display:none}.pod.dark,.stage:has(.pod.dark){background:linear-gradient(165deg,#ffffff1f,#0000 26%),linear-gradient(180deg,#3a3b40,#17181c 48%,#101114)}.pod.dark .device{background:#0000;border-radius:0;box-shadow:none}}@media (prefers-reduced-motion:reduce){.backdrop,.disc,.eq span,.glow,.menu-highlight,.vu span{animation:none;transition:none}}
/*# sourceMappingURL=main.2522cb1e.css.map*/