@font-face{font-family:Zero Hour;src:url(/fonts/ZeroHour.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Alarm Clock;src:url(/fonts/AlarmClock.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Raleway;src:url(/fonts/Raleway-400-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Raleway;src:url(/fonts/Raleway-400-latin-ext.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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}:root{--accent-rgb:242,15,33;--accent:#F20F21;--accent2-rgb:255,107,61;--accent-2:#FF6B3D;--mint:#77CEA9;--red:#F50505;--amber:#FFB020;--accent-a90:rgba(var(--accent-rgb),.9);--accent-a50:rgba(var(--accent-rgb),.5);--accent-a35:rgba(var(--accent-rgb),.35);--accent-a20:rgba(var(--accent-rgb),.2);--accent-a09:rgba(var(--accent-rgb),.09);--accent-a05:rgba(var(--accent-rgb),.05);--void:#000;--ink-1:#080808;--ink-2:#0F0F0F;--ink-3:#141414;--ink-4:#1C1C1C;--ink-5:#242424;--text-1:#fff;--text-2:#D9D9D9;--text-3:#8A8A8A;--text-4:#5A5A5A;--font-lcd:"Alarm Clock","Zero Hour",monospace;--font-machine:"Zero Hour","Oxanium",system-ui,sans-serif;--font-body:"Raleway",system-ui,sans-serif;--r-sm:6px;--r-md:10px;--r-key:12px;--r-lg:16px;--r-xl:22px;--t-press:.11s;--t-hover:.18s;--t-panel:.28s;--ease:cubic-bezier(.2,.8,.2,1);--ease-snap:cubic-bezier(.34,1.56,.64,1);--chrome-face:linear-gradient(180deg,#232323 0%,#161616 46%,#101010 100%);--chrome-face-hover:linear-gradient(180deg,#2C2C2C 0%,#1B1B1B 46%,#131313 100%);--chrome-bevel: inset 0 1px 0 rgba(255,255,255,.1), inset 0 -1px 0 rgba(0,0,0,.9), inset 1px 0 0 rgba(255,255,255,.03), inset -1px 0 0 rgba(0,0,0,.5);--chrome-cast:0 1px 1px rgba(0,0,0,.7),0 3px 6px -2px rgba(0,0,0,.8),0 8px 20px -8px rgba(0,0,0,.9);--chrome-cast-lift:0 2px 2px rgba(0,0,0,.7),0 8px 14px -4px rgba(0,0,0,.85),0 18px 36px -12px rgba(0,0,0,.95);--chrome-ring:inset 0 0 0 1px rgba(255,255,255,.055);--well-face:linear-gradient(180deg,#000 0%,#050505 100%);--well-recess: inset 0 2px 6px rgba(0,0,0,1), inset 0 1px 0 rgba(0,0,0,1), inset 0 -1px 0 rgba(255,255,255,.06), inset 0 0 0 1px rgba(0,0,0,.9);--well-lip:0 1px 0 rgba(255,255,255,.055);--metal-face: radial-gradient(circle at 38% 26%,rgba(255,255,255,.16) 0%,transparent 46%), conic-gradient(from 210deg,#2A2A2A,#151515 12%,#333 25%,#141414 38%,#2E2E2E 52%,#131313 66%,#303030 80%,#171717 92%,#2A2A2A);--metal-edge: inset 0 0 0 1px rgba(255,255,255,.1), inset 0 2px 3px rgba(255,255,255,.1), inset 0 -3px 6px rgba(0,0,0,.95);--sheen:linear-gradient(180deg,rgba(255,255,255,.055) 0%,rgba(255,255,255,.012) 42%,transparent 62%);--led-accent:0 0 4px rgba(var(--accent-rgb),.85),0 0 14px rgba(var(--accent-rgb),.45),0 0 30px rgba(var(--accent-rgb),.2);--led-accent-soft:0 0 4px rgba(var(--accent-rgb),.5),0 0 12px rgba(var(--accent-rgb),.22);--led-amber:0 0 4px rgba(255,176,32,.8),0 0 14px rgba(255,176,32,.4);--led-red:0 0 4px rgba(245,5,5,.9),0 0 14px rgba(245,5,5,.45);--glow-key:0 0 16px rgba(var(--accent-rgb),.42);--glow-key-strong:0 0 26px rgba(var(--accent-rgb),.6);--dot-pitch:3px;--dot-opacity:.68;--dot-mask:radial-gradient(circle at 50% 50%,transparent 0 .82px,rgba(0,0,0,var(--dot-opacity)) 1.05px);--dot-unlit:radial-gradient(circle at 50% 50%,rgba(var(--accent-rgb),.052) 0 .82px,transparent 1.05px);--hair:rgba(255,255,255,.07);--hair-strong:rgba(255,255,255,.13);--rail-w:248px;--rail-w-collapsed:82px;--bezel-h:66px;--unit-h:104px;--gutter:30px}:root[data-accent=r]{--accent-rgb:242,15,33;--accent:#F20F21;--accent2-rgb:255,107,61;--accent-2:#FF6B3D}:root[data-accent=g]{--accent-rgb:184,255,1;--accent:#B8FF01;--accent2-rgb:41,190,182;--accent-2:#29BEB6}:root[data-accent=o]{--accent-rgb:242,106,15;--accent:#F26A0F;--accent2-rgb:255,194,74;--accent-2:#FFC24A}:root[data-accent=b]{--accent-rgb:0,204,255;--accent:#00CCFF;--accent2-rgb:26,116,235;--accent-2:#1A74EB}:root[data-accent=p]{--accent-rgb:197,22,240;--accent:#C516F0;--accent2-rgb:232,107,255;--accent-2:#E86BFF}@media(prefers-reduced-motion:reduce){:root{--t-press:1ms;--t-hover:1ms;--t-panel:1ms}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--void);color:var(--text-2);font-family:var(--font-body);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-a35);color:#fff}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#000;box-shadow:inset 0 0 0 1px #ffffff0a}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2a2a2a,#161616);border:2px solid #000;border-radius:6px;box-shadow:inset 0 1px #ffffff1f}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3a3a3a,#1e1e1e)}.machine{font-family:var(--font-machine);text-transform:uppercase;letter-spacing:.12em;font-weight:400}.h-page{font-family:var(--font-machine);text-transform:uppercase;letter-spacing:.1em;font-size:30px;line-height:1.05;color:var(--text-1);margin:0;text-shadow:0 0 22px rgba(255,255,255,.14)}.h-sec{font-family:var(--font-machine);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--text-3);margin:0}.label{font-family:var(--font-machine);text-transform:uppercase;letter-spacing:.14em;font-size:9px;color:var(--text-4)}.prose{font-family:var(--font-body);color:var(--text-2)}.key{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:var(--r-key);background-image:var(--chrome-face);box-shadow:var(--chrome-bevel),var(--chrome-ring),var(--chrome-cast);color:var(--text-2);transition:background-image var(--t-hover) var(--ease),box-shadow var(--t-hover) var(--ease),transform var(--t-press) var(--ease),color var(--t-hover) var(--ease);isolation:isolate}.key:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--sheen);pointer-events:none;z-index:2}.key:hover:not(:disabled){background-image:var(--chrome-face-hover);box-shadow:var(--chrome-bevel),var(--chrome-ring),var(--chrome-cast-lift);transform:translateY(-1px);color:var(--text-1)}.key:active:not(:disabled),.key.is-pressed{transform:translateY(1px);box-shadow:inset 0 2px 5px #000000e6,inset 0 1px #000c,inset 0 -1px #ffffff0d,0 1px #0009;background-image:linear-gradient(180deg,#111,#191919)}.key:disabled{opacity:.3;pointer-events:none}.key.is-on{color:var(--accent);background-image:linear-gradient(180deg,rgba(var(--accent-rgb),.14),rgba(var(--accent-rgb),.045),rgba(var(--accent-rgb),.02));box-shadow:inset 0 1px rgba(var(--accent-rgb),.3),inset 0 -1px #000000e6,inset 0 0 0 1px rgba(var(--accent-rgb),.28),var(--chrome-cast),var(--glow-key);text-shadow:var(--led-accent-soft)}.key.is-on svg{filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.85))}.key.is-on:hover:not(:disabled){color:var(--accent);background-image:linear-gradient(180deg,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.07),rgba(var(--accent-rgb),.03));box-shadow:inset 0 1px rgba(var(--accent-rgb),.42),inset 0 -1px #000000e6,inset 0 0 0 1px rgba(var(--accent-rgb),.45),var(--chrome-cast-lift),var(--glow-key-strong);transform:translateY(-1px)}.well{position:relative;background-image:var(--well-face);border-radius:var(--r-md);box-shadow:var(--well-recess);overflow:hidden}.well:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(168deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.012) 30%,transparent 55%);z-index:4}.dm{position:relative;font-family:var(--font-lcd);color:var(--accent);text-shadow:var(--led-accent);letter-spacing:.06em;line-height:1;white-space:nowrap}.dm--px:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;pointer-events:none;background-image:var(--dot-mask);background-size:var(--dot-pitch) var(--dot-pitch);z-index:3}.dm-field{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:var(--dot-unlit);background-size:var(--dot-pitch) var(--dot-pitch)}.dm.is-amber{color:var(--amber);text-shadow:var(--led-amber)}.dm.is-red{color:var(--red);text-shadow:var(--led-red)}.dm.is-dim{color:rgba(var(--accent-rgb),.28);text-shadow:none}.num{font-family:var(--font-lcd);font-variant-numeric:tabular-nums;letter-spacing:.02em}.lamp{display:inline-flex;align-items:center;gap:5px}.lamp i{width:5px;height:5px;border-radius:1px;display:block;background:#0e0e0e;box-shadow:inset 0 0 0 1px #ffffff14;transition:background var(--t-hover) var(--ease),box-shadow var(--t-hover) var(--ease)}.lamp span{font-family:var(--font-machine);font-size:8px;letter-spacing:.14em;color:var(--text-4);transition:color var(--t-hover)}.lamp.is-on i{background:var(--accent);box-shadow:0 0 5px rgba(var(--accent-rgb),.9),0 0 12px rgba(var(--accent-rgb),.5)}.lamp.is-on span{color:var(--accent)}.glyph{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;border-radius:4px;color:var(--text-4);transition:color var(--t-hover) var(--ease),filter var(--t-hover) var(--ease)}.glyph:hover,.glyph:focus-visible{color:var(--accent);filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.9)) drop-shadow(0 0 12px rgba(var(--accent-rgb),.45))}.glyph:active{transform:translateY(1px)}.ticks{height:8px;background-image:repeating-linear-gradient(90deg,var(--hair-strong) 0 1px,transparent 1px 8px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.shell{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;height:100%;background:radial-gradient(120% 70% at 50% 118%,rgba(var(--accent2-rgb),.1) 0%,transparent 62%),repeating-linear-gradient(0deg,rgba(255,255,255,.016) 0 1px,transparent 1px 64px),repeating-linear-gradient(90deg,rgba(255,255,255,.016) 0 1px,transparent 1px 64px),var(--void)}.main{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:0}.content{flex:1;overflow-y:auto;overflow-x:hidden;padding:26px var(--gutter) 34px;scroll-behavior:smooth}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:rise .42s var(--ease) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.rail{grid-row:1;grid-column:1;width:var(--rail-w);display:flex;flex-direction:column;padding:16px 12px 14px;background:linear-gradient(180deg,#141414,#0c0c0c 42%,#080808);box-shadow:inset -1px 0 #ffffff0d,4px 0 18px #000c;transition:width var(--t-panel) var(--ease);z-index:6;position:relative}.rail:after{content:"";position:absolute;top:0;right:0;bottom:0;width:3px;background-image:repeating-linear-gradient(180deg,var(--hair) 0 1px,transparent 1px 8px);opacity:.5;pointer-events:none}.rail.is-collapsed{width:var(--rail-w-collapsed)}.rail__head{display:flex;align-items:center;gap:11px;padding:0 4px 15px;border-bottom:1px solid var(--hair);margin-bottom:14px}.rail__menu{width:38px;height:38px;flex:none}.mark{font-family:var(--font-machine);font-size:19px;letter-spacing:.03em;color:var(--text-1);white-space:nowrap;overflow:hidden;transition:opacity var(--t-panel) var(--ease)}.mark em{font-style:normal;color:var(--accent);text-shadow:var(--led-accent-soft)}.mark i{font-style:normal;color:var(--accent-2);text-shadow:0 0 8px rgba(var(--accent2-rgb),.8)}.mark--compact{font-size:20px}.rail.is-collapsed .rail__head{justify-content:center;gap:0;flex-direction:column}.rail.is-collapsed .mark{margin-top:9px}.rail__legend{display:flex;align-items:center;gap:9px;padding:0 5px;margin-bottom:9px}.rail__legend .ticks{flex:1}.rail.is-collapsed .rail__legend .label{display:none}.rail__bank{display:flex;flex-direction:column;gap:8px}.rail__key{position:relative;justify-content:flex-start;height:46px;padding:0 12px;gap:12px;width:100%}.rail.is-collapsed .rail__key{justify-content:center;padding:0}.rail__label{font-size:12px;flex:1;text-align:left;white-space:nowrap;transition:opacity var(--t-panel) var(--ease),transform var(--t-panel) var(--ease)}.rail__tally{flex:none;padding:3px 7px;border-radius:var(--r-sm);font-size:11px;line-height:1;transition:opacity var(--t-panel) var(--ease)}.rail__tally .dm{position:relative;z-index:2;font-size:11px}.rail.is-collapsed .rail__label,.rail.is-collapsed .rail__tally{opacity:0;transform:translate(-8px);pointer-events:none;position:absolute}.rail__foot{margin-top:auto;padding-top:14px}.rail__plate{padding:9px 11px;display:flex;flex-direction:column;gap:3px;border-radius:var(--r-md)}.rail__plate-v{position:relative;z-index:2;font-size:15px}.rail__plate-l{position:relative;z-index:2;font-size:8px}.rail.is-collapsed .rail__plate-l{display:none}.rail.is-collapsed .rail__plate{align-items:center;padding:9px 4px}.bezel{height:var(--bezel-h);flex:none;display:flex;align-items:center;gap:12px;padding:0 var(--gutter);background:linear-gradient(180deg,#151515,#0d0d0d 60%,#090909);box-shadow:inset 0 1px #ffffff0e,inset 0 -1px #000000e6,0 4px 18px #000000bf;position:relative;z-index:5}.bezel__back{width:36px;height:36px;flex:none}.bezel__menu,.nav-scrim{display:none}.bezel__back.is-hidden{opacity:0;pointer-events:none}.bezel__search{flex:1;max-width:520px;display:flex;align-items:center;gap:9px;height:38px;padding:0 11px;border-radius:var(--r-md)}.bezel__mag{color:var(--text-4);flex:none;position:relative;z-index:2}.bezel__search input{flex:1;min-width:0;background:none;border:0;outline:none;font-family:var(--font-machine);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);text-shadow:var(--led-accent-soft);position:relative;z-index:2}.bezel__search input::placeholder{color:var(--text-4);text-shadow:none;letter-spacing:.14em}.bezel__clear{color:var(--text-4);display:grid;place-items:center;width:19px;height:19px;border-radius:4px;position:relative;z-index:2;transition:color var(--t-hover),background var(--t-hover)}.bezel__clear:hover{color:var(--accent);background:#ffffff12}.bezel__kbd{flex:none;position:relative;z-index:2;padding:2px 6px;border-radius:4px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff14}.bezel__fields{display:flex;align-items:center;gap:14px;margin-left:auto;padding-left:16px;border-left:1px solid var(--hair)}.bezel__clock{flex:none;padding:6px 11px;border-radius:var(--r-sm);display:grid;place-items:center}.bezel__clock .dm{position:relative;z-index:2;font-size:17px}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.head__sub{display:flex;align-items:center;gap:8px;margin:8px 0 0;color:var(--text-3)}.head__sub .num{color:var(--accent);text-shadow:var(--led-accent-soft);font-size:12px}.head__sep{width:14px;height:1px;background:var(--hair-strong)}.head__dot{color:var(--text-4);line-height:1;margin:0 -2px}.search__q{color:var(--accent);text-shadow:var(--led-accent-soft)}.empty{padding:52px 0;text-align:center;color:var(--text-4);font-size:11px;letter-spacing:.18em}.tog{display:flex;align-items:center;gap:14px}.tog__side{font-size:10px;color:var(--text-4);letter-spacing:.16em;white-space:nowrap;transition:color var(--t-hover) var(--ease),text-shadow var(--t-hover) var(--ease)}.tog__side:hover{color:var(--text-2)}.tog__side.is-on{color:var(--accent);text-shadow:var(--led-accent)}.tog__switch{position:relative;flex:none;width:56px;height:30px;border-radius:9px;padding:0}.tog__slot{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;background:linear-gradient(180deg,#000,#070707);box-shadow:inset 0 2px 5px #000,inset 0 0 0 1px #000000e6,inset 0 -1px #ffffff0f}.tog__lever{position:absolute;top:3px;left:3px;width:26px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:3px;background-image:linear-gradient(180deg,#3a3a3a,#242424 45%,#141414);box-shadow:inset 0 1px #ffffff38,inset 0 -1px #000000e6,inset 0 0 0 1px #ffffff12,0 2px 4px #000000e6,0 4px 8px -2px #000c;transition:transform var(--t-panel) var(--ease-snap),background-image var(--t-hover) var(--ease)}.tog__lever i{width:1px;height:9px;border-radius:1px;background:#ffffff29;box-shadow:1px 0 #000000b3}.tog__switch.is-alpha .tog__lever{transform:translate(24px)}.tog__switch:hover .tog__lever{background-image:linear-gradient(180deg,#464646,#2c2c2c 45%,#1a1a1a)}.tog__switch:active .tog__lever{transform:translate(var(--throw,0)) scale(.96)}.tog__switch.is-alpha:active .tog__lever{--throw:24px}.tracks__head{display:flex;align-items:center;gap:14px;margin:34px 0 14px}.tracks__head .ticks{flex:1}.set__head{margin-bottom:16px}.set__name{font-size:13px;color:var(--text-1);margin:0}.set__hint{margin:7px 0 0;font-size:13px;color:var(--text-3);max-width:56ch}.swatches{display:flex;gap:10px;margin:16px 0 0;flex-wrap:wrap}.swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:11px 15px;border-radius:var(--r-key);background-image:var(--chrome-face);box-shadow:var(--chrome-bevel),var(--chrome-ring),var(--chrome-cast);transition:box-shadow var(--t-hover) var(--ease),transform var(--t-press) var(--ease)}.swatch:hover{transform:translateY(-1px);box-shadow:var(--chrome-bevel),var(--chrome-ring),var(--chrome-cast-lift)}.swatch:active{transform:translateY(1px)}.swatch__chip{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 36% 28%,var(--chip) 0%,var(--chip) 45%,var(--chip2) 100%);box-shadow:inset 0 1px #ffffff73,inset 0 -2px 4px #00000073,0 0 14px -2px var(--chip)}.swatch__label{font-size:10px;color:var(--text-3)}.swatch.is-on{box-shadow:var(--chrome-bevel),inset 0 0 0 1px rgba(var(--accent-rgb),.5),var(--chrome-cast),var(--glow-key)}.swatch.is-on .swatch__label{color:var(--accent);text-shadow:var(--led-accent-soft)}.set__readout{display:inline-flex;align-items:center;gap:14px;margin-top:20px;padding:10px 16px;border-radius:var(--r-md)}.set__readout .label,.set__readout-v{position:relative;z-index:2}.set__readout-v{font-size:16px}.grid{display:grid;gap:22px}.grid--albums{grid-template-columns:repeat(auto-fill,minmax(178px,1fr))}.grid--artists{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:26px}.tile{position:relative;animation:rise .42s var(--ease) both;min-width:0}.tile__art{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:var(--r-key);overflow:hidden;background-image:linear-gradient(160deg,#171717,#0b0b0b);box-shadow:inset 0 0 0 1px #ffffff12,0 3px 8px -2px #000c,0 12px 26px -12px #000000e6;transition:box-shadow var(--t-hover) var(--ease),transform var(--t-hover) var(--ease)}.tile__art img{width:100%;height:100%;object-fit:cover;transition:transform .52s var(--ease)}.tile__ph{display:grid;place-items:center;width:100%;height:100%;color:var(--text-4)}.tile:hover .tile__art{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.28),0 8px 18px -4px #000000d9,0 22px 44px -16px #000000f2,0 0 26px -6px rgba(var(--accent-rgb),.28)}.tile:hover .tile__art img{transform:scale(1.06)}.tile__reg{position:absolute;top:7px;right:7px;bottom:7px;left:7px;pointer-events:none;opacity:0;transition:opacity var(--t-hover) var(--ease)}.tile__reg i{position:absolute;width:9px;height:9px;border:1px solid var(--accent-a50)}.tile__reg i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.tile__reg i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.tile__reg i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.tile__reg i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}.tile__preset{position:absolute;top:8px;left:8px;padding:3px 7px;border-radius:var(--r-sm);opacity:0;transform:translateY(-4px);transition:opacity var(--t-hover) var(--ease),transform var(--t-hover) var(--ease)}.tile__preset .dm{position:relative;z-index:2;font-size:11px;color:rgba(var(--accent-rgb),.5);text-shadow:none}.tile:hover .tile__preset,.tile.is-playing .tile__preset{opacity:1;transform:none}.tile.is-playing .tile__preset .dm{color:var(--accent);text-shadow:var(--led-accent)}.tile.is-playing .tile__art{box-shadow:inset 0 0 0 1px var(--accent-a50),0 0 28px -8px rgba(var(--accent-rgb),.45),0 12px 26px -12px #000000e6}.tile__meta{padding:11px 2px 0;min-width:0}.tile__title{font-size:12px;color:var(--text-1);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--t-hover) var(--ease)}.tile:hover .tile__title,.tile.is-playing .tile__title{color:var(--accent);text-shadow:var(--led-accent-soft)}.tile__sub{margin:6px 0 0;font-family:var(--font-body);font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile__link{display:block;max-width:100%;font:inherit;color:inherit;letter-spacing:inherit;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--t-hover) var(--ease)}.tile__link--sub:hover{color:var(--accent-2);text-shadow:0 0 8px rgba(var(--accent2-rgb),.5)}.atile__name .tile__link{text-align:center;margin:0 auto}.atile{text-align:center;animation:rise .42s var(--ease) both;min-width:0}.atile__photo{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background-image:linear-gradient(160deg,#171717,#0b0b0b);box-shadow:inset 0 0 0 1px #ffffff14,0 4px 12px -3px #000000d9,0 14px 30px -14px #000000e6;transition:transform var(--t-hover) var(--ease),box-shadow var(--t-hover) var(--ease)}.atile__photo img{width:100%;height:100%;object-fit:cover;transition:transform .52s var(--ease)}.atile__ph{display:grid;place-items:center;width:100%;height:100%;color:var(--text-4)}.atile__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 0 2px var(--accent);opacity:0;transition:opacity var(--t-hover) var(--ease)}.atile:hover .atile__photo{transform:translateY(-4px);box-shadow:0 8px 20px -4px #000000e6,0 0 30px -6px rgba(var(--accent-rgb),.35)}.atile:hover .atile__ring{opacity:1}.atile:hover .atile__photo img{transform:scale(1.07)}.atile__name{font-size:12px;color:var(--text-1);margin:13px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--t-hover) var(--ease)}.atile:hover .atile__name{color:var(--accent);text-shadow:var(--led-accent-soft)}.atile__sub{margin:5px 0 0;font-family:var(--font-body);font-size:12px;color:var(--text-3)}.album{animation:fade-in .32s var(--ease) both}.album__banner{position:relative;height:210px;margin:-26px calc(var(--gutter) * -1) 0;overflow:hidden}.album__banner img{width:100%;height:100%;object-fit:cover;opacity:.55}.album__banner-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000059,#000000bf 55%,#000)}.album__head{display:flex;gap:28px;align-items:flex-start;flex-wrap:wrap}.album__banner+.album__head{margin-top:-70px;position:relative;z-index:1}.album__artwrap{flex:none;width:216px}.album__art{position:relative;width:100%;aspect-ratio:1;border-radius:var(--r-lg);overflow:hidden;background-image:linear-gradient(160deg,#171717,#0b0b0b);box-shadow:inset 0 0 0 1px #ffffff17,0 10px 26px -6px #000000e6,0 26px 60px -22px #000}.album__art img{width:100%;height:100%;object-fit:cover}.album__art .tile__reg{opacity:1}.album__info{flex:1;min-width:280px}.album__kicker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px;color:var(--accent);text-shadow:var(--led-accent-soft)}.album__kicker-sep{color:var(--text-4);text-shadow:none;line-height:1}.album__copyright{color:var(--text-4);text-shadow:none}.album__title{margin-bottom:12px;font-size:36px}.album__credits{display:flex;align-items:center;gap:7px 16px;flex-wrap:wrap}.album__artist{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-2);transition:color var(--t-hover) var(--ease)}.album__artist.is-link:hover{color:var(--accent);text-shadow:var(--led-accent-soft)}span.album__artist{color:var(--text-3)}.album__facts{display:flex;flex-wrap:wrap;gap:26px;margin:20px 0}.fact{display:flex;flex-direction:column;gap:4px}.fact .num{font-size:16px;color:var(--accent);text-shadow:var(--led-accent-soft)}.album__desc{max-width:62ch;margin:0 0 22px;color:var(--text-2)}.album__actions{display:flex;gap:11px;flex-wrap:wrap}.play-album{height:46px;padding:0 22px;gap:10px;font-size:11px}.play-album:hover{color:var(--accent)}.get{height:46px;padding:0 18px;gap:10px;font-size:11px;text-decoration:none}.get__badge{font-size:8px;padding:3px 6px;border-radius:4px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff17}.get--paid{color:var(--accent)}.get--paid .get__badge{color:var(--text-3)}.get--paid:hover{box-shadow:var(--chrome-bevel),inset 0 0 0 1px rgba(var(--accent-rgb),.4),var(--chrome-cast-lift),var(--glow-key)}.get--free,.get--direct{color:var(--accent-2)}.get--free:hover,.get--direct:hover{box-shadow:var(--chrome-bevel),inset 0 0 0 1px rgba(var(--accent2-rgb),.4),var(--chrome-cast-lift),0 0 20px -2px rgba(var(--accent2-rgb),.45)}.get--free .get__badge{color:var(--text-3)}.get--direct .get__badge{color:var(--accent-2);background:rgba(var(--accent2-rgb),.12);box-shadow:inset 0 0 0 1px rgba(var(--accent2-rgb),.35);text-shadow:0 0 8px rgba(var(--accent2-rgb),.6)}.get-wrap{display:inline-flex;flex-direction:column;gap:6px;align-items:stretch}.get__note{font-family:var(--font-machine);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-4);text-align:center;min-height:11px;line-height:11px;transition:color var(--t-hover) var(--ease)}.get__note.is-warn{color:var(--accent);text-shadow:var(--led-accent-soft)}.tracks__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.trow{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:9px 14px;border-radius:var(--r-md);text-align:left;transition:background var(--t-hover) var(--ease),box-shadow var(--t-hover) var(--ease)}.trow__main{display:flex;align-items:center;gap:14px;flex:1;min-width:0;text-align:left}.trow:before{content:"";position:absolute;left:14px;right:14px;bottom:-2px;height:1px;background:var(--hair);opacity:.6;transition:opacity var(--t-hover)}.trow:hover{background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff0f}.trow:hover:before{opacity:0}.trow__no{flex:none;width:38px;padding:4px 0;display:grid;place-items:center;border-radius:var(--r-sm)}.trow__no .dm{position:relative;z-index:2;font-size:13px;color:rgba(var(--accent-rgb),.58);text-shadow:var(--led-dim);transition:color var(--t-hover),text-shadow var(--t-hover)}.trow:hover .trow__no .dm,.trow.is-current .trow__no .dm{color:var(--accent);text-shadow:var(--led-accent)}.trow__play{flex:none;width:19px;display:grid;place-items:center;color:var(--text-4);opacity:0;transform:translate(-4px);transition:opacity var(--t-hover) var(--ease),transform var(--t-hover) var(--ease),color var(--t-hover)}.trow:hover .trow__play,.trow.is-current .trow__play{opacity:1;transform:none;color:var(--accent)}.trow__title{flex:1;min-width:0;font-size:14px;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trow.is-current .trow__title{color:var(--accent);text-shadow:var(--led-accent-soft)}.trow__feat{flex:none;font-size:9px;color:var(--text-4);padding:3px 7px;border-radius:4px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff0f;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--t-hover) var(--ease),box-shadow var(--t-hover) var(--ease)}.trow__feat.is-link{cursor:pointer}.trow__feat.is-link:hover{color:var(--accent);background:rgba(var(--accent-rgb),.09);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.4);text-shadow:var(--led-accent-soft)}.trow__credits{flex:none;display:flex;align-items:center;gap:6px;min-width:0}.trow__src{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:9px;color:var(--text-4);padding:3px 8px;border-radius:4px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:inset 0 0 0 1px #ffffff0d;transition:color var(--t-hover) var(--ease),box-shadow var(--t-hover) var(--ease)}.trow__src:hover{color:var(--accent);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.35)}.trow__src svg{flex:none;opacity:.7}.trow__src-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trow__time{flex:none;font-size:12px;color:var(--text-3);min-width:42px;text-align:right}.trow.is-current .trow__time{color:var(--accent)}.trow__bars{flex:none;display:flex;align-items:flex-end;gap:2px;height:13px}.trow__bars i{width:2px;background:var(--accent);border-radius:1px;box-shadow:0 0 6px rgba(var(--accent-rgb),.8);animation:eq .9s var(--ease) infinite alternate}.trow__bars i:nth-child(1){height:60%;animation-delay:0ms}.trow__bars i:nth-child(2){height:100%;animation-delay:.18s}.trow__bars i:nth-child(3){height:45%;animation-delay:.36s}@keyframes eq{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.artist{animation:fade-in .32s var(--ease) both}.artist__banner{position:relative;height:230px;margin:-26px calc(var(--gutter) * -1) 0;overflow:hidden}.artist__banner img{width:100%;height:100%;object-fit:cover;opacity:.5}.artist__banner-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000004d,#000000c7 58%,#000)}.artist__head{display:flex;gap:26px;align-items:flex-end;flex-wrap:wrap}.artist__head.has-banner{margin-top:-84px;position:relative;z-index:1}.artist__photo{position:relative;flex:none;width:158px;height:158px;border-radius:50%;overflow:hidden;background-image:linear-gradient(160deg,#171717,#0b0b0b);box-shadow:inset 0 0 0 1px #ffffff1a,0 10px 26px -6px #000000e6,0 0 40px -12px rgba(var(--accent-rgb),.25)}.artist__photo img{width:100%;height:100%;object-fit:cover}.artist__info{flex:1;min-width:260px;padding-bottom:6px}.artist__links{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.artist__link{height:38px;padding:0 15px;gap:8px;font-size:10px;text-decoration:none}.artist__link:hover{color:var(--accent)}.artist__bio{max-width:70ch;margin:26px 0 0;color:var(--text-2)}@property --rb-hue{syntax:"<number>";initial-value:0;inherits:true}@property --rb-mix{syntax:"<number>";initial-value:0;inherits:true}@keyframes rainbow-cycle{0%{--rb-hue:0}to{--rb-hue:360}}.unit{grid-column:1 / -1;grid-row:2;height:var(--unit-h);display:flex;align-items:center;gap:22px;padding:0 22px;position:relative;z-index:7;background:linear-gradient(180deg,#191919,#101010 34%,#0a0a0a);box-shadow:inset 0 1px #ffffff12,inset 0 2px #ffffff05,0 -6px 24px #000000d9;--rb-mix:0;animation:rainbow-cycle 22s linear infinite;transition:--rb-mix 1.8s var(--ease);--lit:color-mix(in srgb,hsl(var(--rb-hue) 92% 58%) calc(var(--rb-mix) * 100%),rgb(var(--accent-rgb)))}.unit.is-rainbow{--rb-mix:1}@media(prefers-reduced-motion:reduce){.unit{animation:none}}.unit__grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px);opacity:.7}.unit__now{display:flex;align-items:center;gap:13px;flex:none;width:346px;position:relative;z-index:1}.unit__art{flex:none;width:62px;height:62px;border-radius:var(--r-md);overflow:hidden;display:grid;place-items:center;color:var(--text-4);background-image:linear-gradient(160deg,#181818,#0a0a0a);box-shadow:inset 0 0 0 1px #ffffff14,0 3px 8px #000c;transition:box-shadow var(--t-hover) var(--ease),transform var(--t-hover) var(--ease)}.unit__art img{width:100%;height:100%;object-fit:cover}.unit__art:not(:disabled):hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--accent-a50),0 0 22px -4px rgba(var(--accent-rgb),.45),0 6px 14px #000000d9}.radio{flex:1;min-width:0;height:62px;position:relative;display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:1fr auto;align-items:center;gap:0 10px;padding:7px 11px 5px;border-radius:var(--r-md);background-image:linear-gradient(180deg,#000,#040404);box-shadow:var(--well-recess);overflow:hidden}.radio:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:linear-gradient(166deg,rgba(255,255,255,.055) 0%,rgba(255,255,255,.012) 26%,transparent 52%)}.radio__no{grid-row:1;grid-column:1;font-size:22px;z-index:2;min-width:26px;text-align:center}.radio__div{grid-row:1;grid-column:2;width:1px;height:20px;background:linear-gradient(180deg,transparent,rgba(var(--accent-rgb),.3),transparent);z-index:2}.radio__glass{grid-row:1;grid-column:3;position:relative;overflow:hidden;min-width:0;z-index:2;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 14px),transparent)}.radio__text{display:inline-block;font-size:20px;text-transform:uppercase;will-change:transform}.radio__text.is-swapping{opacity:0;transition:opacity .12s linear}.radio__text.is-scrolling{animation:marquee var(--travel) linear infinite alternate}@keyframes marquee{0%,22%{transform:translate(0)}78%,to{transform:translate(calc(-1 * var(--shift)))}}.radio__lamps{grid-row:2;grid-column:1 / -1;display:flex;gap:12px;z-index:2;padding-top:3px}.radio.is-idle .radio__text{font-size:17px}.unit__transport{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;z-index:1}.unit__keys{display:flex;align-items:center;gap:9px}.key--sq{width:38px;height:38px;flex:none}.play{position:relative;flex:none;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;transition:transform var(--t-press) var(--ease)}.play:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#000;box-shadow:inset 0 0 0 1px #000000e6,inset 0 1px 2px #000,0 1px #ffffff0d}.play__gauge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p) * 360deg),rgba(var(--accent-rgb),.16) 0);-webkit-mask:radial-gradient(circle,transparent 0 79%,#000 81%);mask:radial-gradient(circle,transparent 0 79%,#000 81%);filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.8));transition:filter var(--t-hover) var(--ease)}.play__segs{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(#000 0 1.7deg,transparent 1.7deg 9deg);-webkit-mask:radial-gradient(circle,transparent 0 78%,#000 80%);mask:radial-gradient(circle,transparent 0 78%,#000 80%)}.play__face{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;display:grid;place-items:center;color:var(--text-2);background-image:var(--chrome-face);box-shadow:inset 0 1px #ffffff1c,inset 0 -2px 3px #000000e6,0 2px 5px #000000d9;transition:background-image var(--t-hover) var(--ease),color var(--t-hover) var(--ease)}.play__face svg{margin-left:1px;position:relative;z-index:1}.play.is-playing .play__face{color:var(--accent);background-image:var(--chrome-face-hover)}.play.is-playing .play__face svg{margin-left:0;filter:drop-shadow(0 0 6px rgba(var(--accent-rgb),.8))}.play:hover:not(:disabled) .play__face{background-image:var(--chrome-face-hover);color:var(--accent)}.play:active:not(:disabled){transform:translateY(1px) scale(.97)}.play:disabled{opacity:.4;pointer-events:none}.play:disabled .play__gauge{filter:none}.play.is-buffering .play__gauge{animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{filter:drop-shadow(0 0 11px rgba(var(--accent-rgb),1))}}.key--eject{flex:none;width:32px;height:44px;flex-direction:column;gap:3px}.eject__tri{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:7px solid currentColor;transition:transform var(--t-hover) var(--ease)}.eject__bar{width:12px;height:2.5px;border-radius:1px;background:currentColor}.key--eject:hover:not(:disabled){color:var(--accent)}.key--eject:hover:not(:disabled) .eject__tri{transform:translateY(-2px)}.scrub{display:flex;align-items:center;gap:11px;width:100%;max-width:470px}.scrub__time{font-size:12px;color:var(--accent);text-shadow:var(--led-accent-soft);min-width:38px}.scrub__time.is-total{text-align:right;color:var(--text-3);text-shadow:none}.scrub__rail{position:relative;flex:1;height:18px;display:flex;align-items:center;cursor:pointer;touch-action:none}.scrub__rail:before{content:"";position:absolute;left:0;right:0;height:9px;border-radius:3px;background:repeating-linear-gradient(90deg,rgba(var(--accent-rgb),.07) 0 3px,transparent 3px 5px),#000;box-shadow:inset 0 1px 3px #000,inset 0 0 0 1px #000000e6,inset 0 -1px #ffffff0d}.scrub__fill{position:absolute;left:0;height:9px;border-radius:3px;background:repeating-linear-gradient(90deg,var(--lit) 0 3px,transparent 3px 5px);filter:drop-shadow(0 0 5px var(--lit));pointer-events:none;overflow:hidden}.scrub__thumb{position:absolute;top:50%;width:3px;height:16px;border-radius:1px;transform:translate(-50%,-50%);background:var(--text-1);box-shadow:0 0 6px #ffffffe6,0 0 12px var(--lit);pointer-events:none;transition:height var(--t-hover) var(--ease)}.scrub__rail:hover .scrub__thumb,.scrub__rail:focus-visible .scrub__thumb{height:20px}.scrub.is-disabled{opacity:.35;pointer-events:none}.unit__right{display:flex;align-items:center;gap:16px;flex:none;position:relative;z-index:1}.unit__tells{display:flex;flex-direction:column;gap:5px}.vtog{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px}.vtog__side{font-size:9px;letter-spacing:.14em;line-height:1;color:var(--text-4);transition:color var(--t-hover) var(--ease),text-shadow var(--t-hover) var(--ease)}.vtog__side:hover{color:var(--text-2)}.vtog__side.is-on{color:var(--accent);text-shadow:var(--led-accent)}.vtog__switch{position:relative;flex:none;width:26px;height:40px;border-radius:8px;padding:0}.vtog__slot{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:linear-gradient(180deg,#000,#070707);box-shadow:inset 0 2px 5px #000,inset 0 0 0 1px #000000e6,inset 0 -1px #ffffff0f}.vtog__lever{position:absolute;left:3px;top:19px;width:20px;height:18px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background-image:linear-gradient(180deg,#3a3a3a,#242424 45%,#141414);box-shadow:inset 0 1px #ffffff38,inset 0 -1px #000000e6,inset 0 0 0 1px #ffffff12,0 2px 4px #000000e6;transition:transform var(--t-panel) var(--ease-snap),background-image var(--t-hover) var(--ease)}.vtog__lever i{width:9px;height:1px;border-radius:1px;background:#ffffff29;box-shadow:0 1px #000000b3}.vtog__switch.is-hi .vtog__lever{transform:translateY(-16px)}.vtog__switch:hover .vtog__lever{background-image:linear-gradient(180deg,#464646,#2c2c2c 45%,#1a1a1a)}.vtog__switch.is-hi .vtog__slot{box-shadow:inset 0 2px 5px #000,inset 0 0 0 1px rgba(var(--accent-rgb),.3),inset 0 12px 14px -10px rgba(var(--accent-rgb),.5)}.knob{flex:none;width:64px;height:64px}.knob__hit{position:relative;width:64px;height:64px;cursor:grab;touch-action:none;border-radius:50%}.knob__hit:active{cursor:grabbing}.knob__collar{position:absolute;top:0;right:0;bottom:0;left:0;width:64px;height:64px;overflow:visible}.knob__tick{stroke:#ffffff29;stroke-width:1.1;stroke-linecap:round;transition:stroke .16s var(--ease)}.knob__tick.is-major{stroke:#ffffff4d;stroke-width:1.5}.knob__tick.is-lit{stroke:var(--accent);filter:drop-shadow(0 0 3px rgba(var(--accent-rgb),.9))}.knob__track{fill:none;stroke:#ffffff12;stroke-width:2.5;stroke-linecap:round}.knob__arc{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.75));transition:stroke-dasharray 90ms linear}.knob__dot{fill:var(--accent);filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),1));transition:cx 90ms var(--ease),cy 90ms var(--ease)}.knob__body{position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;display:grid;place-items:center;background-image:var(--metal-face);box-shadow:var(--metal-edge),0 3px 8px #000000d9;overflow:hidden}.knob__mill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-image:repeating-conic-gradient(from 0deg,rgba(255,255,255,.075) 0deg 3deg,transparent 3deg 7deg);-webkit-mask-image:radial-gradient(circle,transparent 58%,#000 66%);mask-image:radial-gradient(circle,transparent 58%,#000 66%)}.knob__level{position:relative;z-index:2;font-size:15px;line-height:1;color:var(--accent);text-shadow:var(--led-accent)}.knob__level.is-red{font-size:11px}.knob.is-muted .knob__body{filter:saturate(.4)}.knob.is-muted .knob__dot{fill:var(--text-4);filter:none}.spec{position:relative;flex:none;width:186px;padding:6px 8px 3px;border-radius:var(--r-sm);background-image:linear-gradient(180deg,#000,#050505);box-shadow:var(--well-recess)}.spec__legend{position:absolute;top:-1px;left:8px;font-family:var(--font-machine);font-size:6px;letter-spacing:.16em;color:#f50505bf;text-shadow:0 0 6px rgba(245,5,5,.5);pointer-events:none}.spec__frame{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(245,5,5,.28);border-radius:3px;pointer-events:none}.spec__bars{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:2px;height:30px;padding:0 3px}.spec__col{position:relative;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;--band-hue:calc(var(--rb-hue) + var(--i) * 34)}.spec__seg{height:2px;margin-top:1px;border-radius:.5px;background:currentColor;opacity:.07;transition:opacity 60ms linear}.spec__seg.is-lit{opacity:1;box-shadow:0 0 4px currentColor}.spec__seg{color:color-mix(in srgb,hsl(var(--band-hue) 92% 58%) calc(var(--rb-mix) * 100%),var(--ramp))}.spec__seg:nth-child(-n+3){--ramp:var(--red)}.spec__seg:nth-child(n+4):nth-child(-n+6){--ramp:var(--amber)}.spec__seg:nth-child(n+7){--ramp:var(--accent)}.spec__peak{position:absolute;left:0;right:0;height:1.5px;background:var(--text-2);box-shadow:0 0 5px #fffc;transition:bottom .14s linear,opacity .3s linear;pointer-events:none}.spec__labels{position:relative;z-index:2;display:flex;justify-content:space-between;padding:3px 3px 0;font-family:var(--font-machine);font-size:6px;letter-spacing:.04em;color:var(--text-4)}@media(max-width:1240px){.spec{width:150px}}@media(max-width:1080px){.spec{display:none}}@media(max-width:1180px){.unit__now{width:290px}.unit__tells{display:none}}@media(max-width:940px){:root{--unit-h:96px;--gutter:20px}.knob{display:none}.unit__now{width:auto;flex:1}.unit__transport{flex:none;width:auto}.scrub{max-width:300px}}@media(max-width:760px){:root{--bezel-h: 56px;--gutter: 16px}.shell{grid-template-columns:1fr}.main{grid-column:1}.rail{position:fixed;top:0;bottom:0;left:0;width:min(82vw,300px);transform:translate(-101%);transition:transform var(--t-panel) var(--ease);z-index:40;box-shadow:6px 0 34px #000000d9}.rail.is-open{transform:none}.rail.is-collapsed{width:min(82vw,300px)}.rail.is-collapsed .rail__key{justify-content:flex-start;padding:0 12px}.rail.is-collapsed .rail__head{flex-direction:row;justify-content:flex-start;gap:11px}.rail.is-collapsed .mark{margin-top:0}.rail.is-collapsed .rail__legend .label,.rail.is-collapsed .rail__plate-l{display:block}.rail.is-collapsed .rail__plate{align-items:flex-start;padding:9px 11px}.rail.is-collapsed .rail__label,.rail.is-collapsed .rail__tally{opacity:1;transform:none;position:static;pointer-events:auto}.rail__menu{display:none}.rail__head{padding-top:4px}.rail__key{height:52px}.nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0;animation:fade-in var(--t-panel) var(--ease) both}.bezel{gap:8px;padding:0 12px}.bezel__menu{display:inline-flex}.bezel__back.is-hidden{display:none}.bezel__search{max-width:none}.bezel__clock,.bezel__kbd{display:none}.bezel__fields{margin-left:auto;padding-left:0;border-left:0;gap:0}.bezel__fields .lamp{display:none}.content{padding:18px var(--gutter) 26px}.h-page{font-size:24px}.head{margin-bottom:18px;gap:14px}.grid{gap:16px}.grid--albums{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.grid--artists{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:18px}.album__head,.artist__head{flex-direction:column;gap:18px}.album__artwrap{width:100%;max-width:260px}.album__info,.artist__info{min-width:0;width:100%}.album__title{font-size:26px}.album__banner{height:150px}.artist__banner{height:160px}.album__banner+.album__head{margin-top:-40px}.artist__head.has-banner{margin-top:-54px}.album__facts{gap:16px 22px}.album__actions{width:100%}.album__actions .key,.album__actions .get-wrap{flex:1 1 auto;justify-content:center}.get-wrap .key{width:100%}.album__credits{gap:6px 14px}.artist__photo{width:116px;height:116px}.trow{padding:10px 8px;gap:10px}.trow__main{gap:10px}.trow__feat{display:none}.trow--mix .trow__feat{display:inline-block;max-width:116px}.trow--mix .trow__credits{display:flex}.trow__src{display:none}.trow__no{width:32px}.unit{height:auto;min-height:84px;flex-wrap:wrap;align-content:center;gap:0 10px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))}.unit__transport{display:contents}.unit__now{order:1;flex:1 1 130px;width:auto;min-width:0;gap:9px}.unit__keys{order:2;flex:0 0 auto;gap:4px;position:relative;z-index:1}.scrub{order:3;flex:1 0 100%;max-width:none;margin-top:7px;gap:9px;position:relative;z-index:1}.unit__right{display:none}.unit__art{width:44px;height:44px}.radio{height:44px;padding:5px 9px 3px}.radio__no{font-size:17px;min-width:20px}.radio__text{font-size:15px}.radio.is-idle .radio__text{font-size:13px}.radio__lamps{gap:9px;padding-top:2px}.radio__div{height:16px}.key--sq{width:34px;height:34px}.unit__keys .key--sq:first-child,.unit__keys .key--sq:last-child{display:none}.play{width:46px;height:46px}.play__face{top:6px;right:6px;bottom:6px;left:6px}.scrub__time{font-size:11px;min-width:32px}.scrub__rail{height:22px}}@media(max-width:400px){.key--eject,.radio__lamps{display:none}.radio{height:44px;align-content:center}.tile__sub,.atile__sub{font-size:11px}.grid--albums,.grid--artists{grid-template-columns:repeat(2,1fr)}}@media(max-height:480px)and (max-width:900px){.unit{min-height:68px}.unit__art,.album__banner,.artist__banner{display:none}.album__head,.artist__head{flex-direction:row;align-items:flex-start;gap:16px}.album__artwrap{width:148px;max-width:148px;flex:none}.artist__photo{width:92px;height:92px}.album__title{font-size:22px}.content{padding-top:12px}}