:root{--face: linear-gradient(180deg, #2b2b3e 0%, #212130 100%);--face-hover: linear-gradient(180deg, #33334a 0%, #262638 100%);--face-down: linear-gradient(180deg, #171722 0%, #22222f 100%);--face-down-hover: linear-gradient(180deg, #1c1c29 0%, #282838 100%);--well: #07070d;--lip-up: inset 0 1px 0 rgba(255, 255, 255, .075);--lip-down: inset 0 -1px 0 rgba(0, 0, 0, .5);--cast: 0 2px 3px rgba(0, 0, 0, .45);--sunk: inset 0 2px 5px rgba(0, 0, 0, .75), inset 0 -1px 0 rgba(255, 255, 255, .04);--edge: #2e2e44;--edge-lit: #3c3c55;--edge-dark: #14141e;--glass-edge: #020205;--room: #05050a;--glass-idle: #78829f;--glass-off: #6d7792;--glass-off-dim: #454e63;--glass-line: #232a38;--gas-pink: 240, 93, 187;--gas-pink-core: #ffe9f8;--gas-amber: 249, 199, 79;--gas-amber-core: #fff5d4;--gas-cold: 180, 190, 254;--gas-cold-core: #eef1ff;--gas: var(--gas-cold);--gas-core: var(--gas-cold-core);--halo-text: 0 0 6px rgba(240, 93, 187, .8), 0 0 16px rgba(240, 93, 187, .38);--halo-text-gold: 0 0 6px rgba(249, 199, 79, .75), 0 0 16px rgba(249, 199, 79, .34)}.tube,.screen,.tab{--ignite: inset 0 0 14px rgba(var(--gas), .3), 0 0 8px rgba(var(--gas), .65), 0 0 38px 10px rgba(var(--gas), .26);--ignite-soft: inset 0 0 7px rgba(var(--gas), .12), 0 0 9px rgba(var(--gas), .22);--ignite-panel: inset 0 0 14px rgba(var(--gas), .3), 0 0 3px rgba(var(--gas), .35);--burn: 0 0 1px #fff, 0 0 6px rgb(var(--gas)), 0 0 16px rgba(var(--gas), .7), 0 0 34px rgba(var(--gas), .35);--burn-soft: 0 0 5px rgb(var(--gas)), 0 0 13px rgba(var(--gas), .55);--burn-faint: 0 0 8px rgba(var(--gas), .5)}.machine{display:flex;align-items:stretch;padding-block:var(--space-sm);padding-inline:var(--screw-gutter);border-radius:var(--card-radius);border:1px solid rgba(240,93,187,.14);background:linear-gradient(180deg,#16161f,#0e0e15);box-shadow:inset 0 1px #ffffff09,0 14px 34px #0009,0 -6px 12px -6px #000000d9}.machine-bay{display:flex;flex-direction:column;align-items:center;gap:5px;flex:none;padding:10px var(--space-md);border-right:1px solid rgba(0,0,0,.5);box-shadow:1px 0 #ffffff08}.machine-bay:last-child{border-right:0;box-shadow:none}.engrave{font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:#767c96;text-shadow:0 1px 0 rgba(0,0,0,.7)}.etch-art{position:relative;filter:drop-shadow(0 1px 0 rgba(0,0,0,.85));pointer-events:none}.etch-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#767c96;opacity:.5;-webkit-mask-image:var(--art);mask-image:var(--art);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.fader-rig{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.fader-tower{position:relative;flex:none;--cross: 24px;width:var(--cross);height:var(--tower, 96px)}.fader-tower .fader{position:absolute;top:0;left:0;margin:0;width:var(--tower, 96px);height:var(--cross);transform:translate(calc((var(--cross) - var(--tower, 96px)) / 2),calc((var(--tower, 96px) - var(--cross)) / 2)) rotate(-90deg)}.fader-tower .fader:focus-visible{outline:none}.fader-tower:has(.fader:focus-visible){outline:2px solid var(--lav);outline-offset:2px;border-radius:4px}.jack{position:relative;display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--edge-dark);background:radial-gradient(circle at 50% 26%,#4c5165,#343849 52%,#24262f);box-shadow:var(--lip-up),var(--cast);pointer-events:none}.jack:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,#0000008c,#0000008c 3deg,#ffffff12 3deg,#ffffff12 6deg);-webkit-mask:radial-gradient(circle,transparent 9px,#000 9px,#000 14px,transparent 14px);mask:radial-gradient(circle,transparent 9px,#000 9px,#000 14px,transparent 14px)}.jack-bore{position:relative;z-index:1;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 50% 34%,#0a0a11,#05050a 70%);box-shadow:inset 0 2px 5px #000000f2,inset 0 -1px #ffffff12}.panic{position:relative;display:grid;place-items:center;width:54px;height:54px;padding:0;border-radius:50%;border:1px solid var(--edge-dark);background:radial-gradient(circle at 50% 42%,#34343f,#22222c 62%,#1a1a23);box-shadow:var(--sunk),0 1px #ffffff0d;cursor:pointer}.panic-cap{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #4a1c26;background:radial-gradient(circle at 50% 32%,rgba(255,255,255,.1) 0%,transparent 62%),linear-gradient(180deg,#8c3244,#6d2635);box-shadow:var(--lip-up),var(--lip-down),var(--cast);transition:transform .06s ease,background var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.panic:active .panic-cap{transform:translateY(1px);background:linear-gradient(180deg,#5f2029,#7a2b3a);box-shadow:var(--sunk)}.panic:hover:not(:disabled) .panic-cap{background:radial-gradient(circle at 50% 32%,rgba(255,255,255,.12) 0%,transparent 62%),linear-gradient(180deg,#a03a4f,#7d2c3d)}.panic:focus-visible{outline:2px solid var(--lav);outline-offset:3px}.panic-mark{width:12px;height:12px;border-radius:2px;background:#14060a9e;box-shadow:0 1px #ffffff1a}.tag-plate{position:relative;display:inline-block;padding:2px 9px;border-radius:2px;border:1px solid var(--edge-dark);background:linear-gradient(180deg,#3a3a4c,#313140);box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0000008c;font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;line-height:1.25;color:#aeb5cd;text-shadow:0 1px 0 rgba(0,0,0,.6);white-space:nowrap}.tag-plate:before,.tag-plate:after{content:"";position:absolute;top:-1px;bottom:-1px;width:3px;border-radius:1px;background:linear-gradient(180deg,#6a7189,#3f4457 55%,#2a2d3a);box-shadow:0 1px 1px #0009}.tag-plate:before{left:-1px}.tag-plate:after{right:-1px}.scale-rail{position:relative;flex:none;width:20px;height:var(--tower, 96px);font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:6px;letter-spacing:.04em;color:#767c96;pointer-events:none;-webkit-user-select:none;user-select:none}.scale-rail i{position:absolute;right:0;bottom:calc(var(--at, 0) * 100%);width:5px;height:1px;background:#4b5165;box-shadow:0 1px #000c}.scale-rail i.is-major{width:8px;background:#5c6379}.scale-rail span{position:absolute;right:10px;bottom:calc(var(--at, 0) * 100%);transform:translateY(50%);text-shadow:0 1px 0 rgba(0,0,0,.7)}.scale-rail.is-right i{right:auto;left:0}.scale-rail.is-right span{right:auto;left:10px}.ladder{position:relative;flex:none;width:13px;height:var(--tower, 96px);border-radius:2px;border:1px solid var(--glass-edge);background:var(--room);box-shadow:var(--sunk),0 1px #ffffff0d,0 0 calc(var(--v, 0) * 18px) rgba(240,93,187,calc(var(--v, 0) * .45));overflow:hidden;--cell: 5px;--gap: 2px}.ladder-cells,.ladder-lit{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:repeating-linear-gradient(0deg,#000 0 var(--cell),transparent var(--cell) calc(var(--cell) + var(--gap)));mask:repeating-linear-gradient(0deg,#000 0 var(--cell),transparent var(--cell) calc(var(--cell) + var(--gap)));pointer-events:none}.ladder-cells{background:var(--glass-line)}.ladder-lit{background:linear-gradient(0deg,#f05dbbd9,#f05dbbf2);clip-path:inset(calc(100% - var(--v, 0) * 100%) 0 0 0)}.ladder-peak{position:absolute;left:0;right:0;height:1px;bottom:calc(var(--peak, 0) * 100%);background:rgb(var(--gas-pink-core));box-shadow:0 0 4px #f05dbbb3;pointer-events:none;transform:translateY(1px)}.ladder.is-dark .ladder-lit,.ladder.is-dark .ladder-peak{display:none}.ladder.is-dark{box-shadow:var(--sunk),0 1px #ffffff0d}.scale{position:relative;height:11px;margin:-3px 6px 1px}.scale i{position:absolute;top:0;width:1px;height:3px;background:#4b5165;box-shadow:0 1px #000c}.scale span{position:absolute;top:4px;transform:translate(-50%);font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:7px;color:#767c96;text-shadow:0 1px 0 rgba(0,0,0,.7)}.nameplate{display:flex;align-items:baseline;gap:8px;padding:3px 0 1px;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.028);flex:0 0 100%}.nameplate.is-collapsible{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.028);background:none;font:inherit;text-align:left;cursor:pointer}.nameplate.is-collapsible:hover{background:#ffffff06}.nameplate.is-collapsible:focus-visible{outline:2px solid rgba(var(--gas-cold),.75);outline-offset:-2px}.machine.is-folded>*:not(.nameplate):not(.surface):not(.screw):not(.machine-fixture){display:none}.nameplate .mark{font-family:var(--font-script);font-size:15px;font-weight:700;letter-spacing:normal;line-height:1;color:#a7adc6;text-shadow:0 1px 0 rgba(0,0,0,.8)}.nameplate .model{font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#b9bfd6;text-shadow:0 1px 0 rgba(0,0,0,.8)}.nameplate .model-no{font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:8px;letter-spacing:.1em;color:#767c96;text-shadow:0 1px 0 rgba(0,0,0,.7)}.nameplate .model-desc{font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:7px;letter-spacing:.14em;color:#5b6178;text-shadow:0 1px 0 rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nameplate .plate{margin-left:auto}@media (max-width: 720px){.nameplate .model-desc{display:none}}.panel-card{position:relative;border-radius:var(--card-radius);border:1px solid rgba(240,93,187,.14);background:linear-gradient(180deg,#16161f,#0e0e15);box-shadow:inset 0 1px #ffffff09,0 26px 60px #000000b8}.seg{display:inline-flex;align-items:center;padding:3px 7px;--gas: var(--gas-pink);--gas-core: var(--gas-pink-core)}.seg-cells{display:inline-flex;align-items:center;gap:2px}.seg svg{display:block;overflow:visible}.seg-off{fill:var(--glass-line)}.seg-on{fill:var(--gas-core);filter:drop-shadow(0 0 2px rgb(var(--gas))) drop-shadow(0 0 5px rgba(var(--gas),.75))}.seg.cold{--gas: var(--gas-cold);--gas-core: var(--gas-cold-core)}.seg.amber{--gas: var(--gas-amber);--gas-core: var(--gas-amber-core)}.matrix-screen{padding:5px 8px;overflow:hidden;place-items:normal}.matrix{display:block;image-rendering:pixelated}.lcd-screen{padding:4px 7px;overflow:hidden;place-items:center start}.lcd-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.5) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgba(0,0,0,.5) 0 1px,transparent 1px 3px);opacity:.45;pointer-events:none}.lcd{font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.04em;line-height:1.35;white-space:nowrap;color:var(--glass-off-dim)}.is-live .lcd,.lcd.is-live{color:var(--gas-core);text-shadow:var(--burn-soft)}.boot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;overflow:hidden;background:var(--room);pointer-events:auto;container-type:size;animation:boot-clear var(--fade-ms, .5s) var(--end, 2.4s) ease-in both}.boot.is-clearing{pointer-events:none}@keyframes boot-clear{0%{opacity:1}to{opacity:0}}.boot-art{--art: url(/assets/fubb/etching-mask.png);position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gas-core);mask-image:var(--art);mask-size:auto var(--boot-art-size, 72%);mask-repeat:no-repeat;mask-position:center 46%;-webkit-mask-image:var(--art);-webkit-mask-size:auto var(--boot-art-size, 72%);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center 46%;animation:boot-art-in .6s var(--lead, 60ms) ease both}@keyframes boot-art-in{0%{opacity:0;transform:scale(.985)}to{opacity:.55;transform:scale(1)}}.boot-log{position:absolute;left:14px;top:12px;right:14px;font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:var(--boot-log-size, 11px);line-height:1.55;letter-spacing:.05em;color:var(--gas-core);text-shadow:var(--burn-soft);animation:boot-log-out var(--log-out-ms, .35s) var(--log-out, 1.1s) ease both}@keyframes boot-log-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-52px);opacity:0}}.boot-line{display:block;white-space:pre;animation:boot-line-in 1ms calc(var(--lead, 60ms) + var(--i, 0) * var(--step, .1s)) steps(1,end) both}.boot-line.is-dim{color:var(--glass-off-dim);text-shadow:none}@keyframes boot-line-in{0%{opacity:0}to{opacity:1}}.boot-mark{position:absolute;left:0;right:0;top:50%;transform:translateY(-58%);text-align:center;font-family:var(--font-script);font-weight:700;font-size:var(--boot-mark-size, clamp(20px, min(34cqw, 52cqh), 280px));line-height:1;letter-spacing:normal;color:var(--gas-core);text-shadow:var(--burn-soft);animation:boot-mark-write var(--mark-ms, .95s) var(--mark-at, 1.27s) cubic-bezier(.45,0,.3,1) both}@keyframes boot-mark-write{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.plate{display:inline-flex;align-items:center;gap:8px;flex:none;padding:3px 8px;border-radius:2px;background:linear-gradient(180deg,#ffffff0d,#0000004d);border:1px solid rgba(0,0,0,.6);box-shadow:inset 0 1px #ffffff0f,0 1px 2px #00000080}.plate .engrave{font-size:7px}.plate i{width:1px;height:10px;background:#0a0a11;box-shadow:1px 0 #ffffff0d}.tube-rig{position:relative;display:flex;align-items:center;height:22px;padding:0 6px}.neon{position:relative;flex:1;height:6px;border-radius:999px;--gas: var(--gas-pink);--gas-core: var(--gas-pink-core);background:linear-gradient(180deg,#ffffff1a,#ffffff08 45%,#00000059);box-shadow:inset 0 1px #ffffff26,inset 0 -1px #00000080}.neon:before{content:"";position:absolute;top:1.5px;right:4px;bottom:1.5px;left:4px;border-radius:999px;background:var(--gas-core);opacity:0;box-shadow:0 0 5px rgb(var(--gas)),0 0 15px rgba(var(--gas),.85),0 0 34px rgba(var(--gas),.5),0 0 68px 20px rgba(var(--gas),.26);transition:opacity .55s ease-out}.neon.is-lit:before{opacity:1}.neon.is-striking:before{animation:strike .5s steps(1,end) 1}@keyframes strike{0%{opacity:0}9%{opacity:.9}14%{opacity:.05}24%{opacity:.8}30%{opacity:.1}40%{opacity:1}47%{opacity:.4}58%{opacity:.95}to{opacity:1}}.neon-end,.neon-clip{position:absolute;top:-3px;height:12px;border:1px solid #0d0d14}.neon-end{width:8px;border-radius:3px;background:linear-gradient(180deg,#3a3a4e,#1e1e2a);box-shadow:inset 0 1px #ffffff29,0 1px 2px #0009}.neon-end.l{left:-6px}.neon-end.r{right:-6px}.neon-clip{width:5px;border-radius:2px;background:linear-gradient(180deg,#2a2a3a,#17171f)}@media (prefers-reduced-motion: reduce){.neon.is-striking:before{animation:none}}.screen{position:relative;display:grid;place-items:center;padding:3px 4px;border-radius:4px;background:var(--room);border:1px solid var(--glass-edge);box-shadow:var(--sunk),0 1px #ffffff0d;font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-sm);font-variant-numeric:tabular-nums;letter-spacing:.06em;white-space:nowrap;overflow:hidden;color:var(--glass-off-dim);transition:color var(--duration-fast) ease,text-shadow var(--duration-fast) ease;isolation:isolate}.screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:repeating-linear-gradient(180deg,rgba(255,255,255,.022) 0 1px,transparent 1px 2px),radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.04),transparent 70%);pointer-events:none}.screen.is-live{--gas: var(--gas-pink);--gas-core: var(--gas-pink-core);color:var(--gas-core);text-shadow:var(--burn)}.screen.is-gold{--gas: var(--gas-amber);--gas-core: var(--gas-amber-core);color:var(--gas-core);text-shadow:var(--burn)}.screen-marquee{display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:3px 8px;overflow:hidden}.screen-marquee:after{content:"";position:absolute;top:0;right:0;bottom:0;width:26px;background:linear-gradient(90deg,transparent,var(--room));pointer-events:none}.tab{position:relative;display:inline-flex;align-items:center;gap:6px;flex:none;padding:3px 9px 4px;border-radius:2px;border:1px solid var(--glass-line);color:var(--glass-off);font-size:.72rem;line-height:1.4;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;transition:border-color var(--duration-fast) ease,color var(--duration-fast) ease,box-shadow var(--duration-fast) ease,text-shadow var(--duration-fast) ease}.tab.is-on{--gas: var(--gas-cold);--gas-core: var(--gas-cold-core);border-color:rgba(var(--gas),.5);color:var(--gas-core);text-shadow:var(--burn-soft);box-shadow:var(--ignite-soft)}.tab.is-yours.is-on{--gas: var(--gas-amber);--gas-core: var(--gas-amber-core)}.screen-field{display:flex;align-items:center;gap:8px;padding:0 10px;font-family:inherit;font-size:var(--text-base);letter-spacing:normal}.screen-field>input{flex:1 1 auto;min-width:0;padding:9px 0;border:0;background:none;outline:none;font:inherit;color:var(--glass-off);transition:color var(--duration-fast) ease,text-shadow var(--duration-fast) ease}.screen-field>input::placeholder{color:inherit;opacity:1}.screen-field.is-live{--gas: var(--gas-pink);--gas-core: var(--gas-pink-core);border-color:rgba(var(--gas),.4);box-shadow:var(--sunk),0 1px #ffffff0d,var(--ignite-soft)}.screen-field.is-live>input{color:var(--gas-core);text-shadow:var(--burn-faint)}.screen-field:focus-within{--gas: var(--gas-pink);--gas-core: var(--gas-pink-core);border-color:rgba(var(--gas),.55);box-shadow:var(--sunk),0 1px #ffffff0d,var(--ignite)}.screen-field.is-live>.screen-glyph,.screen-field:focus-within>.screen-glyph{color:var(--gas-core);text-shadow:var(--burn-soft)}.screen-glyph{flex:none;color:var(--glass-off-dim);font-size:.85rem;line-height:1;pointer-events:none;transition:color var(--duration-fast) ease}.pixel-emoji{display:block;flex:none;width:var(--pixel-size, 28px);height:var(--pixel-size, 28px);background-image:var(--pixel-sheet, none);background-repeat:no-repeat;background-size:calc(var(--pixel-size, 28px) * var(--sprite-count, 1)) var(--pixel-size, 28px);background-position:calc(var(--pixel-size, 28px) * var(--sprite-at, 0) * -1) 0;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;-webkit-user-select:none;user-select:none}.screen-video{display:block;padding:0;overflow:hidden;--phosphor: rgba(240, 93, 187, .3);box-shadow:var(--sunk),0 1px #ffffff0d,0 0 14px var(--phosphor);transition:box-shadow var(--duration-normal) ease,border-color var(--duration-normal) ease}.screen-video>img{display:block;width:100%;height:100%;object-fit:contain;transition:transform var(--duration-normal) var(--ease-out-expo),filter var(--duration-normal) ease}.screen-video:before{background:repeating-linear-gradient(180deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px),radial-gradient(120% 90% at 50% 8%,rgba(255,255,255,.07),transparent 62%),radial-gradient(90% 90% at 50% 50%,transparent 52%,rgba(0,0,0,.55))}.screen-canvas,.screen-video,.screen-scroll{display:block;place-items:normal;padding:0}.screen-canvas{overflow:hidden;transition:box-shadow var(--duration-normal) ease,border-color var(--duration-normal) ease}.screen-canvas.is-live{--gas: var(--gas-pink);--gas-core: var(--gas-pink-core);border-color:rgba(var(--gas),.35);box-shadow:var(--sunk),0 1px #ffffff0d,var(--ignite-soft)}.screen-scroll{overflow:hidden}.screen-strip{width:0;min-width:100%;margin-top:auto;text-align:center}.key{position:relative;display:flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:6px;border:1px solid var(--edge);border-top-color:var(--edge-lit);background:var(--face);box-shadow:var(--lip-up),var(--lip-down),var(--cast);color:var(--muted);font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;line-height:1.2;cursor:pointer;transition:background var(--duration-fast) ease,box-shadow var(--duration-fast) ease,color var(--duration-fast) ease,border-color var(--duration-fast) ease,transform .06s ease}.key:hover:not(:disabled):not([aria-pressed=true]):not([aria-checked=true]):not([aria-expanded=true]):not(.is-lit){background:var(--face-hover);color:var(--text)}.key:focus-visible{outline:2px solid var(--lav);outline-offset:2px}.key:active:not(:disabled),.key[aria-pressed=true],.key[aria-checked=true],.key[aria-expanded=true]{background:var(--face-down);border-top-color:var(--edge-dark);box-shadow:var(--sunk);transform:translateY(1px)}.key[aria-pressed=true],.key[aria-checked=true],.key.is-lit{border-color:#f05dbb8c;color:var(--hot);text-shadow:var(--halo-text)}.key.is-lit.is-yours{border-color:#f9c74f8c;color:var(--gold);text-shadow:var(--halo-text-gold)}.key.is-lit:hover:not(:disabled){background:var(--face-hover)}.key[aria-pressed=true]:hover:not(:disabled),.key[aria-checked=true]:hover:not(:disabled),.key[aria-expanded=true]:hover:not(:disabled){background:var(--face-down-hover)}.key:disabled{opacity:.35;cursor:not-allowed}.key-text{padding:5px 10px;font:inherit;font-size:var(--text-sm);letter-spacing:normal;text-transform:none;white-space:nowrap}.key-icon{width:34px;height:34px;padding:0}.key-icon svg{width:16px;height:16px;display:block}.key-wide{width:0;min-width:100%;padding-top:4px;padding-bottom:4px}.lamp{--lamp: var(--gas-pink);--halo: inset 0 0 2px #fff, 0 0 6px rgba(var(--lamp), .95), 0 0 15px rgba(var(--lamp), .55), 0 0 30px 4px rgba(var(--lamp), .2);flex:none;width:5px;height:5px;border-radius:50%;background:#2a2a3a;box-shadow:inset 0 1px 1px #000c}.key .lamp{position:absolute;top:3px;right:3px}.key[aria-pressed=true] .lamp,.key[aria-checked=true] .lamp,.lamp.is-on{background:rgb(var(--lamp));box-shadow:var(--halo)}.lamp.is-on.is-neutral{--lamp: var(--gas-cold);background:#dbe2f7}.lamp.is-on.is-yours{--lamp: var(--gas-amber)}.key.is-yours[aria-pressed=true]{border-color:#f9c74f8c;color:var(--gold);text-shadow:var(--halo-text-gold)}.key.is-yours[aria-pressed=true] .lamp{--lamp: var(--gas-amber)}.escutcheon,.switch-bank{display:flex;gap:2px;padding:2px;border-radius:4px;border:1px solid var(--glass-edge);box-shadow:var(--sunk)}.switch-bank.is-vertical{flex-direction:column}.switch-bank .key{flex:1 1 0;min-width:0}.key-glyph{padding:3px 0;font-size:var(--text-sm);line-height:1}.glass-key{display:grid;place-items:center;flex:none;padding:2px 5px;border:1px solid var(--glass-line);border-radius:2px;background:none;color:var(--glass-off);font-family:inherit;font-size:9px;line-height:1;cursor:pointer;transition:border-color var(--duration-fast) ease,color var(--duration-fast) ease,text-shadow var(--duration-fast) ease}.glass-key:hover:not(:disabled),.glass-key:focus-visible{border-color:rgba(var(--gas),.55);color:var(--gas-core);text-shadow:var(--burn-soft)}.glass-key.is-cast{--gas: var(--gas-amber);--gas-core: var(--gas-amber-core);border-color:rgba(var(--gas),.5);color:var(--gas-core);text-shadow:0 0 5px rgba(249,199,79,.75),0 0 13px rgba(249,199,79,.42)}.glass-key.is-armed{--gas: var(--gas-pink);--gas-core: var(--gas-pink-core);border-color:rgba(var(--gas),.6);color:var(--gas-core);text-shadow:0 0 5px rgba(240,93,187,.8),0 0 13px rgba(240,93,187,.45)}.glass-key:disabled{opacity:.4;cursor:not-allowed}.slot{position:relative;display:grid;place-items:center;height:var(--slot-h, 40px);padding:0;border-radius:3px;background:linear-gradient(180deg,#20202c,#14141d);border:1px solid var(--edge-dark);box-shadow:inset 0 1px #ffffff0f,0 1px 2px #0000008c}.slot:before{content:"";position:absolute;top:5px;right:7px;bottom:5px;left:7px;border-radius:2px;background:#020206;box-shadow:inset 0 6px 9px #000,inset 0 2px 3px #000,inset 0 -1px #ffffff14}.slot:after{content:"";position:absolute;top:9px;right:8px;bottom:9px;left:8px;border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07);pointer-events:none}.slot>.slot-card{position:relative;z-index:1;width:calc(100% - var(--card-inset, 20px));height:var(--card-h, 18px);min-width:0;padding:0;border-radius:2px 2px 1px 1px;background:linear-gradient(180deg,#33334a,#1e1e2b);border:1px solid #0b0b12;box-shadow:inset 0 1px #ffffff2e,0 2px 5px #000c;color:var(--glass-off)}.slot>.slot-card:active{transform:translateY(1px);box-shadow:inset 0 1px #ffffff14,0 1px 1px #0009}.slot>.slot-card:hover{background:linear-gradient(180deg,#34344a,#22222f);color:var(--gas-cold-core)}.rocker{position:relative;display:block;width:100%;height:34px;padding:0;border:1px solid var(--glass-edge);border-radius:4px;background:var(--well);box-shadow:var(--sunk);cursor:pointer;perspective:700px;--gas: var(--gas-pink);--gas-core: var(--gas-pink-core)}.rocker:focus-visible{outline:2px solid var(--lav);outline-offset:3px}.rocker-plate{position:absolute;top:3px;right:3px;bottom:3px;left:3px;display:flex;border-radius:2px;transform-style:preserve-3d;background-color:#262633}.rocker{--rocker-lift: 22deg}.rocker-face{flex:1 1 0;position:relative;display:grid;place-items:center;background-color:#262633;transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) ease,filter var(--duration-normal) ease}.rocker-face-off{transform-origin:right center;--lift: 1;--outward: to left;border-radius:2px 0 0 2px}.rocker-face-on{transform-origin:left center;--lift: -1;--outward: to right;border-radius:0 2px 2px 0}.rocker:not([aria-pressed=true]) .rocker-face-on,.rocker[aria-pressed=true] .rocker-face-off{transform:rotateY(calc(var(--lift) * var(--rocker-lift)));background-image:linear-gradient(var(--outward),rgba(255,255,255,.07),transparent 76%),linear-gradient(180deg,#fff1,#00000021);box-shadow:0 3px 7px -3px #000000e6;z-index:1}.rocker:not([aria-pressed=true]) .rocker-face-off,.rocker[aria-pressed=true] .rocker-face-on{transform:rotateY(0);background-image:linear-gradient(var(--outward),rgba(0,0,0,.22),transparent 76%),linear-gradient(180deg,#00000042,#ffffff04);box-shadow:inset 0 2px 4px -1px #00000080}.rocker-mark{background:#6f7590;box-shadow:0 1px #ffffff17;transition:background var(--duration-normal) ease,box-shadow var(--duration-normal) ease}.rocker-mark-i{width:2px;height:11px;border-radius:1px}.rocker-mark-o{width:11px;height:11px;border-radius:50%;background:none;border:2px solid #6f7590}.rocker[aria-pressed=true] .rocker-mark-on{background:var(--gas-core);box-shadow:0 0 4px rgb(var(--gas)),0 0 9px rgba(var(--gas),.5)}.rocker:hover:not(:disabled) .rocker-face{filter:brightness(1.14)}.toggle{position:relative;width:46px;height:22px;padding:0;border-radius:999px;border:1px solid var(--glass-edge);background:var(--well);box-shadow:var(--sunk);cursor:pointer}.toggle:focus-visible{outline:2px solid var(--lav);outline-offset:3px}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:linear-gradient(180deg,#45455f,#2c2c3f);border:1px solid var(--edge-dark);box-shadow:inset 0 1px #ffffff24,0 1px 2px #0009;transition:transform var(--duration-normal) var(--ease-out-expo),background var(--duration-fast) ease}.toggle[aria-pressed=true]:after{transform:translate(24px)}.fader{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;padding:0;background:none;cursor:pointer;--cap: 14px;--fill: calc(var(--cap) / 2 + (100% - var(--cap)) * var(--v, 1))}.fader:focus-visible{outline:2px solid var(--lav);outline-offset:2px;border-radius:4px}.fader::-webkit-slider-runnable-track{height:8px;border-radius:3px;border:1px solid var(--glass-edge);background:linear-gradient(90deg,rgba(240,93,187,.75) 0 var(--fill),transparent var(--fill)),var(--well);box-shadow:var(--sunk)}.fader::-moz-range-track{height:8px;border-radius:3px;border:1px solid var(--glass-edge);background:linear-gradient(90deg,rgba(240,93,187,.75) 0 var(--fill),transparent var(--fill)),var(--well);box-shadow:var(--sunk)}.fader::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--cap);height:22px;margin-top:-7px;border-radius:3px;border:1px solid var(--edge-dark);background:linear-gradient(180deg,transparent 0 9px,rgba(205,214,244,.75) 9px 11px,transparent 11px),linear-gradient(180deg,#45455f,#2c2c3f);box-shadow:inset 0 1px #ffffff29,0 2px 4px #000000a6}.fader::-moz-range-thumb{width:var(--cap);height:22px;border-radius:3px;border:1px solid var(--edge-dark);background:linear-gradient(180deg,transparent 0 9px,rgba(205,214,244,.75) 9px 11px,transparent 11px),linear-gradient(180deg,#45455f,#2c2c3f);box-shadow:inset 0 1px #ffffff29,0 2px 4px #000000a6}.dial-mount{position:relative;display:grid;place-items:center;width:52px;height:52px}.dial-mount:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-conic-gradient(from -140deg,#3a3f52 0deg 2.6deg,transparent 2.6deg 28deg);-webkit-mask-image:conic-gradient(from -148deg,#000 0deg 296deg,transparent 296deg),radial-gradient(circle,transparent 21px,#000 21px,#000 25px,transparent 25px);mask-image:conic-gradient(from -148deg,#000 0deg 296deg,transparent 296deg),radial-gradient(circle,transparent 21px,#000 21px,#000 25px,transparent 25px);-webkit-mask-composite:source-in;mask-composite:intersect;pointer-events:none}.dial-mount:has(.dial.is-live):after{background:repeating-conic-gradient(from -140deg,rgba(240,93,187,.55) 0deg 2.6deg,transparent 2.6deg 28deg)}.dial-mount:has(.dial.is-live):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,transparent 16px,rgba(240,93,187,.2) 23px,transparent 33px);pointer-events:none}.dial-detent{position:absolute;top:0;left:50%;z-index:2;width:1px;height:5px;margin-left:-.5px;background:#b4befe8c}.dial{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid var(--edge-dark);background:radial-gradient(circle at 50% 22%,#3d3d55,#2a2a3c 45%,#1c1c28);box-shadow:inset 0 2px 3px #ffffff17,inset 0 -3px 6px #0009,0 3px 5px #00000080;cursor:grab;touch-action:none}.dial:active{cursor:grabbing}.dial:focus-visible{outline:2px solid var(--lav);outline-offset:3px}.dial.is-live{border-color:#f05dbb59}.thumbwheel{position:relative;flex:none;width:16px;height:88px;padding:0;border:1px solid var(--glass-edge);border-radius:4px;background:var(--well);box-shadow:var(--sunk);overflow:hidden;cursor:grab;touch-action:none}.thumbwheel:active{cursor:grabbing}.thumbwheel:focus-visible{outline:2px solid var(--lav);outline-offset:3px}.thumbwheel-roll{position:absolute;top:0;right:2px;bottom:0;left:2px;border-radius:1px;background-color:#22222f;background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.11) 0 1px,rgba(0,0,0,.38) 1px 2px,transparent 2px 5px);background-position:0 var(--turn, 0px)}.thumbwheel-roll:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#000000e6,#0000004d 16%,#ffffff12 34%,#0000001f 58%,#0000008c 84%,#000000eb)}.thumbwheel:hover:not(:disabled) .thumbwheel-roll{background-color:#2b2b3e}.power-mark{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;transition:filter .12s ease}.key[aria-pressed=true] .power-mark{filter:drop-shadow(0 0 4px rgba(var(--gas-pink),.9)) drop-shadow(0 0 9px rgba(var(--gas-pink),.5))}.rotary{position:relative;width:68px;height:68px;flex:none}.rotary-marks{position:absolute;top:0;right:0;bottom:0;left:0}.rotary-marks i{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;display:grid;place-items:center;font-size:9px;font-style:normal;line-height:1;color:#767c96;text-shadow:0 1px 0 rgba(0,0,0,.8);transition:color .13s ease-out,text-shadow .13s ease-out;transform:rotate(calc(-1 * var(--sweep, 124deg) / 2 + var(--i) * var(--sweep, 124deg) / (var(--stops) - 1))) translateY(calc(-1 * var(--mark-r, 29px))) rotate(calc(var(--sweep, 124deg) / 2 - var(--i) * var(--sweep, 124deg) / (var(--stops) - 1)))}.rotary-marks i.is-at{color:var(--gas-cold-core);text-shadow:0 0 6px rgba(var(--gas-cold),.8)}.rotary-cap{position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:linear-gradient(180deg,#34344a,#262636 55%,#1b1b27);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0009,0 2px 4px #0000008c;transform:rotate(calc(-1 * var(--sweep, 124deg) / 2 + var(--pos) * var(--sweep, 124deg) / (var(--stops) - 1)));transition:transform .13s cubic-bezier(.2,1.5,.4,1);cursor:grab;touch-action:none}.rotary.is-turning .rotary-cap{transition:none;cursor:grabbing}.rotary-cap i{position:absolute;left:50%;top:4px;width:2px;height:14px;margin-left:-1px;border-radius:1px;background:#8990ab;box-shadow:0 0 2px #0009}.rotary-pos{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;padding:0;border:0;background:none;color:transparent;font-size:0;border-radius:50%;cursor:pointer;transform:rotate(calc(-1 * var(--sweep, 124deg) / 2 + var(--i) * var(--sweep, 124deg) / (var(--stops) - 1))) translateY(calc(-1 * (var(--mark-r, 29px) + 4px)))}.rotary-pos:focus-visible{outline:2px solid rgba(var(--gas-cold),.8);outline-offset:1px}.dial-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;transform:rotate(var(--angle, 0deg));transition:transform .06s linear}.dial-pointer{position:absolute;top:5px;left:50%;width:2.5px;height:13px;margin-left:-1.25px;border-radius:2px;background:#8990ab;box-shadow:0 0 2px #0009}.dial.is-live .dial-pointer{background:var(--hot);box-shadow:0 0 5px #f05dbbf2,0 0 13px #f05dbb80,0 0 24px 2px #f05dbb33}:root{color-scheme:dark;--bg: #0c0c12;--panel: #181825;--panel-2: #11111b;--accent: #b4befe;--accent-pink: #f05dbb;--text: #cdd6f4;--muted: #a6adc8;--error: #f38ba8;--shadow: 0 12px 24px rgba(0, 0, 0, .45);--font-body: "Space Grotesk", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-script: "Snell Roundhand", "Brush Script MT", "Segoe Script", "Lucida Handwriting", cursive;--hot: #f05dbb;--hot-soft: rgba(240, 93, 187, .45);--hot-wash: rgba(240, 93, 187, .13);--gold: #f9c74f;--lav: #b4befe;--warn: #f9a825;--text-muted: #a6adc8;--space-xs: 4px;--screw-gutter: 16px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--text-xs: 9px;--text-sm: 11px;--text-base: 13px;--text-lg: 16px;--text-xl: 20px;--grid-gap: 7px;--card-radius: 9px;--card-min-height: 92px;--card-padding-top: 24px;--card-padding-x: 9px;--card-padding-bottom: 7px;--card-padding: var(--card-padding-top) var(--card-padding-x) var(--card-padding-bottom);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:radial-gradient(120% 70% at 50% 0%,rgba(255,255,255,.022),transparent 60%),radial-gradient(100% 45% at 50% 100%,rgba(0,0,0,.8),transparent 70%),var(--bg);background-attachment:fixed;color:var(--text);min-height:100vh;font-size:var(--text-base);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.modal-open{overflow:hidden}.room-ambient,.room-wash{position:fixed;pointer-events:none;z-index:0;transition:background .6s ease-out}.room-ambient{top:0;right:0;bottom:0;left:0;background:radial-gradient(110% 70% at 50% 52%,rgba(var(--amb-gas, 240, 93, 187),var(--amb, 0)),transparent 72%)}.room-wash{left:22%;right:22%;bottom:0;height:130px;background:radial-gradient(56% 100% at 50% 0%,rgba(var(--amb-gas, 240, 93, 187),calc(var(--amb, 0) * 4.2)),transparent 74%)}.page{max-width:960px;min-height:100dvh;margin:0 auto;padding:var(--space-lg) 34px var(--space-sm);position:relative;display:flex;flex-direction:column;gap:var(--space-sm)}.page:before,.page:after{content:"";position:absolute;top:var(--space-lg);bottom:var(--space-sm);width:22px;z-index:0;pointer-events:none;background:linear-gradient(180deg,#05050a 0 9px,transparent 9px 13px,#05050a 13px 22px,transparent 22px 26px,#05050a 26px 35px,transparent 35px 44px),linear-gradient(90deg,#191922,#23232e 40%,#14141c);background-size:7px 44px,auto;background-position:center 6px,0 0;background-repeat:repeat-y,no-repeat;box-shadow:inset -1px 0 #ffffff0d,inset 1px 0 #0009}.page:before{left:0;border-radius:4px 0 0 4px}.page:after{right:0;border-radius:0 4px 4px 0}.machine[data-rack]>.nameplate{cursor:grab}body.is-reracking,body.is-reracking .machine[data-rack]>.nameplate{cursor:grabbing}body.is-reracking{-webkit-user-select:none;user-select:none}body.is-reracking .machine:not(.is-reracking){pointer-events:none}.machine.is-reracking{box-shadow:0 18px 38px #0000009e,0 2px #ffffff0d inset;filter:brightness(1.04)}.rack-drop{position:fixed;left:50%;transform:translate(-50%);width:min(960px,100%);z-index:39;height:2px;margin-top:-1px;pointer-events:none;background:linear-gradient(90deg,#f05dbb,#f05dbb59 50%,#f05dbb);box-shadow:0 0 10px #f05dbbbf,0 0 22px #f05dbb59}.machine{position:relative;z-index:1}.machine:before,.machine:after{content:"";position:absolute;top:-1px;bottom:-1px;width:18px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#1c1c26,#12121a);border:1px solid #0b0b12;box-shadow:inset 0 1px #ffffff0a}.machine:before{left:-19px;border-radius:3px 0 0 3px}.machine:after{right:-19px;border-radius:0 3px 3px 0}.surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:.55;background:repeating-linear-gradient(93deg,rgba(255,255,255,.016) 0 1px,transparent 1px 3px),repeating-linear-gradient(88deg,rgba(0,0,0,.05) 0 1px,transparent 1px 4px)}.surface:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' /%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' /%3E%3C/svg%3E")}.screw{position:absolute;width:8px;height:8px;z-index:5;border-radius:50%;pointer-events:none;background:linear-gradient(var(--slot, 20deg),transparent 42%,#08080d 42%,#08080d 58%,transparent 58%),radial-gradient(circle at 38% 32%,#4a4a60,#33333f 55%,#1a1a24);box-shadow:inset 0 1px 1px #ffffff38,inset 0 -1px 1px #000000b3,0 1px 1px #0000008c}.screw.tl{left:5px;top:5px}.screw.tr{right:5px;top:5px}.screw.bl{left:5px;bottom:5px}.screw.br{right:5px;bottom:5px}.audio-unlock{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#09090eb3;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10;padding:16px}.audio-unlock.is-visible{opacity:1;pointer-events:auto}.audio-unlock-card{padding:18px 20px 16px;text-align:center;max-width:320px;width:100%}.audio-unlock-card h2{margin:0 0 6px;font-size:16px}.audio-unlock-card p{margin:0 0 12px;font-size:12px;color:var(--muted)}.unlock-button{border:1px solid rgba(180,190,254,.35);background:var(--panel-2);color:var(--text);font-size:12px;padding:6px 14px;border-radius:999px;cursor:pointer;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}.unlock-button:hover,.unlock-button:focus{border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px #b4befe4d}.submit-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#09090eb3;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:12;padding:16px;overflow-y:auto}.submit-modal.is-visible{opacity:1;pointer-events:auto}.submit-modal-card{padding:14px 16px 16px;width:min(560px,100%);max-height:calc(100vh - 32px);overflow-y:auto;margin:auto}.submit-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.submit-modal-header h2{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.submit-close{border:1px solid rgba(180,190,254,.35);background:var(--panel-2);color:var(--text);width:28px;height:28px;border-radius:999px;cursor:pointer;font-size:16px;line-height:1;display:grid;place-items:center;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}.submit-close:hover,.submit-close:focus{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px #b4befe4d}.submission-form{display:grid;gap:10px}.submission-field{display:grid;gap:6px;font-size:11px;color:var(--muted)}.submission-row{display:flex;align-items:center;gap:8px}.submission-row .text-input{flex:1 1 auto}.text-input,.file-input{background:var(--panel-2);border:1px solid rgba(180,190,254,.3);border-radius:8px;color:var(--text);font-size:12px;padding:8px 10px;outline:none}.emoji-picker{position:relative;display:flex;align-items:center}.emoji-button{background:var(--panel-2);border:1px solid rgba(180,190,254,.3);border-radius:8px;color:var(--text);font-size:16px;padding:6px 8px;cursor:pointer;line-height:1;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}.emoji-button:hover,.emoji-button:focus{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px #b4befe40}.text-input:focus,.file-input:focus{border-color:var(--accent);box-shadow:0 0 10px #b4befe40}.emoji-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:none;border-radius:12px;box-shadow:var(--shadow)}.emoji-popover.is-visible{display:block}.emoji-popover emoji-picker{--background: #181825;--border-color: rgba(180, 190, 254, .2);--button-active-background: rgba(180, 190, 254, .2);--button-hover-background: rgba(180, 190, 254, .12);--indicator-color: #b4befe;--input-border-color: rgba(180, 190, 254, .3);--outline-color: rgba(180, 190, 254, .5);--text-color: #cdd6f4}.submission-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.submit-button{border:1px solid rgba(180,190,254,.35);background:var(--panel-2);color:var(--text);font-size:12px;padding:6px 14px;border-radius:999px;cursor:pointer;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}.submit-button:disabled{opacity:.6;cursor:not-allowed}.submit-button:hover,.submit-button:focus{border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px #b4befe4d}.submit-status{margin:0;font-size:11px;color:var(--muted)}.submit-status.is-error{color:var(--error)}.corner-link{border:1px solid rgba(180,190,254,.35);background:var(--panel);color:var(--text);font-size:var(--text-sm);padding:var(--space-xs) 10px;border-radius:999px;text-decoration:none;transition:border-color var(--duration-fast) ease,color var(--duration-fast) ease,box-shadow var(--duration-fast) ease;align-self:center;white-space:nowrap;cursor:pointer}.submit-open{margin-left:auto;background:#f05dbb1a;border-color:#f05dbb59;color:var(--accent-pink)}.corner-link:hover,.corner-link:focus{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px #b4befe4d}.masthead{flex:none;z-index:5;--fubb: 96px;flex-wrap:wrap}.masthead>.tube-rig{flex:0 0 100%;z-index:3}.masthead-face{flex:0 1 470px;min-width:0;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding-left:12px;padding-right:12px}.pl-dock{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:5px;flex:none;width:150px;height:var(--fubb)}.pl-eject{flex:none;width:calc(100% - 22px);height:22px;min-width:0;padding:0;margin-inline:auto;justify-content:center}.eject-mark{width:15px;height:15px;fill:currentColor}.screen-head{flex:none;display:flex;align-items:center;height:16px;font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:9px;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--glass-off);margin-bottom:3px;border-bottom:1px dashed var(--glass-line)}.screen-mark{--gas: var(--gas-pink);--gas-core: var(--gas-pink-core);font-family:var(--font-script);font-size:14px;font-weight:700;letter-spacing:normal;text-transform:none;color:var(--gas-core);text-shadow:var(--burn-soft)}.pl-speech{flex:1 1 0;min-width:0;height:var(--fubb);padding:4px 12px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.pl-speech.is-live{--gas: var(--gas-cold);--gas-core: var(--gas-cold-core)}.pl-speech.is-gold{--gas: var(--gas-amber);--gas-core: var(--gas-amber-core)}.pl-speech-text{flex:1 1 auto;display:flex;align-items:center;min-height:0;white-space:normal;font-size:12px;line-height:1.5}.masthead-room{flex:1 1 0;min-width:0;align-items:stretch;justify-content:center}.pl-roster{display:flex;flex-direction:column;align-items:stretch;padding:4px 8px;min-height:var(--fubb);max-height:var(--fubb);width:0;min-width:100%}.pl-roster-list{display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:5px;flex:1 1 auto;min-height:0;overflow-y:auto}.key-slot{--slot-h: auto;--card-h: 28px;flex:1 1 auto;min-height:44px;max-height:54px;width:100%}.key-slot>.id-card{display:grid;place-items:center;padding:0 8px;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff2e,0 5px 9px #000000d9}.key-slot>.id-card.is-seated{transform:translateY(2px);box-shadow:inset 0 1px #ffffff1f,0 1px 3px #000000b3}.key-slot>.id-card:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff14,0 1px 1px #0009}.id-card-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-weight:600;letter-spacing:.02em;color:var(--glass-off);transition:color var(--duration-fast) ease,text-shadow var(--duration-fast) ease}.is-seated>.id-card-name{color:var(--gold);text-shadow:var(--halo-text-gold)}.cluster,.me{flex:none}.volume{width:110px;accent-color:var(--hot)}.filter-wrap{min-width:0}.filter::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter::placeholder{color:var(--glass-off-dim)}.filter-clear{display:grid;place-items:center;flex:none;width:17px;height:17px;padding:0;border:1px solid var(--glass-line);border-radius:50%;background:none;color:var(--glass-off);font-size:13px;line-height:1;cursor:pointer;transition:border-color var(--duration-fast) ease,color var(--duration-fast) ease,text-shadow var(--duration-fast) ease}.filter-clear:hover,.filter-clear:focus-visible{border-color:rgba(var(--gas),.55);color:var(--gas-core);text-shadow:var(--burn-soft)}.board-machine{flex:none;flex-direction:column;gap:var(--space-sm)}.panel-light{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;mix-blend-mode:screen;overflow:clip}.panel-spill{position:absolute;width:540px;height:540px;margin:-270px 0 0 -270px;border-radius:50%;background:radial-gradient(circle,rgba(var(--gas),.15) 0%,rgba(var(--gas),.085) 26%,rgba(var(--gas),.03) 52%,transparent 78%);opacity:0;transition:opacity .42s ease-out}.panel-spill.is-on{opacity:1;transition-duration:.06s}.board-glare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity .5s ease-out}.board-glare.is-on{opacity:1;transition-duration:.1s}.board-floor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:rgba(214,224,255,var(--lcd-floor, 0));mix-blend-mode:screen;transition:background .32s ease-out}.board{flex:0 1 auto;border-radius:6px}.board-scroll{grid-row:2;grid-column:1;height:100%;overflow-y:auto;display:flex;flex-direction:column;padding:var(--space-md);font-family:var(--font-body);font-size:var(--text-base);letter-spacing:normal;white-space:normal;color:var(--glass-idle)}.lantern{flex:none;flex-wrap:wrap;flex-direction:column;align-items:stretch;gap:var(--space-sm)}.lantern-head{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.lantern-mains{flex:none}.lantern-lamp{flex:none;width:26px;height:26px;border-radius:50%;border:1px solid var(--edge-dark);background:radial-gradient(circle at 50% 38%,#23232f,#101018 70%);box-shadow:var(--sunk);transition:background var(--duration-normal) ease,box-shadow var(--duration-normal) ease}.lantern-lamp.is-lit{background:radial-gradient(circle at 50% 38%,#fff4d6,#f7c869 42%,#b8791f 78%);box-shadow:inset 0 1px 2px #ffffff80,0 0 10px #f9c74fbf,0 0 26px #f9c74f59}.lantern-gate{flex:1 1 0;min-width:0;height:30px;padding:0 10px;place-items:center start}.lantern-gate-text{overflow:hidden;text-overflow:ellipsis}.lantern-glass{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(148deg,rgba(255,255,255,.055) 0%,rgba(255,255,255,.02) 22%,transparent 46%);box-shadow:inset 0 1px #ffffff12,inset 0 -1px #0000008c}.lantern-transport{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.lantern-gang{flex:none}.lantern-gang>.key{min-width:42px}.lantern-cc,.lantern-frame{flex:none}.lantern-full{flex:none;min-width:0;width:34px;padding:0}.lantern-full svg{width:15px;height:15px}.lantern-transport-gap{flex:1 1 auto;min-width:0}.lantern-pane{display:grid;place-items:center;width:100%;aspect-ratio:16 / 9;overflow:hidden;padding:0}.lantern-pane>*{width:100%}.lantern-pane.is-filling{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;width:100vw;height:100vh;height:100dvh;aspect-ratio:auto;max-width:none;border:0;border-radius:0;background:#000;box-shadow:none}.lantern-pane.is-filling>.yt-player-wrapper,.lantern-pane.is-filling>*{width:min(100vw,calc(100dvh * 16 / 9));max-height:100dvh}.lantern.is-folded>.lantern-pane{height:0;aspect-ratio:auto;border:0;border-radius:0;overflow:hidden;box-shadow:none}.lantern.is-folded{gap:0}.lantern-dark{width:auto;font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--glass-off-dim)}.lantern-load{display:flex;align-items:stretch;gap:var(--space-sm);min-width:0}.lantern-field{flex:1 1 0;min-width:0;height:34px}.lantern-load-key{flex:none}.lantern-carrier{--slide-h: 46px;height:calc(var(--slide-h) * 4 + 5px * 3 + 12px);padding:6px;overflow-y:auto;width:0;min-width:100%;place-items:normal}.lantern-carrier-note{margin:0;display:grid;place-items:center;height:100%;font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--glass-off-dim)}.lantern-slides{display:flex;flex-direction:column;gap:5px}.lantern-slide{display:flex;align-items:center;gap:8px;height:var(--slide-h);min-width:0}.lantern-slide.is-gated{border-radius:3px;outline:1px solid rgba(var(--gas),.4);outline-offset:2px}.lantern-votes{display:flex;flex-direction:column;align-items:center;flex:none;gap:1px}.lantern-vote{width:24px;height:13px;padding:0;font-size:8px}.lantern-tally{font-size:9px;text-align:center;min-width:24px}.lantern-pull{flex:none;min-width:26px;height:20px}.lantern-thumb{flex:none;width:72px;height:40px}.lantern-thumb>img{object-fit:cover}.lantern-slide-lines{display:flex;flex-direction:column;justify-content:center;gap:2px;flex:1 1 0;min-width:0}.lantern-slide-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lantern-slide-by{font-size:8px;letter-spacing:.12em}.slide-row-enter-active,.slide-row-leave-active{transition:opacity var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out-expo)}.slide-row-enter-from,.slide-row-leave-to{opacity:0;transform:translateY(-6px)}.slide-row-leave-active{position:absolute}.link-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--card-radius);border:1px solid var(--hot-soft);background:#1e1e2ee6}.link-thumb{display:grid;place-items:center;width:74px;height:42px;flex:none;border-radius:5px;background:linear-gradient(135deg,#45475a,#313244);color:var(--muted)}.link-text{display:flex;flex-direction:column;min-width:0}.link-text b{font-size:.82rem}.link-text span{color:var(--muted);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-add{margin-left:auto;flex:none;padding:7px 14px;border-radius:7px;border:1px solid var(--hot);background:var(--hot);color:#180d15;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.link-add:hover:not(:disabled){filter:brightness(1.08)}.link-add:disabled{opacity:.6;cursor:not-allowed}.header-mascot{width:var(--fubb);height:var(--fubb);flex:none}.grid{display:flex;flex-direction:column;gap:var(--space-lg);position:relative;z-index:3}.group{display:flex;flex-direction:column;gap:var(--space-sm)}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--grid-gap)}.sound{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;width:100%;min-height:var(--card-min-height);padding:var(--card-padding);border-radius:4px;background:#ffffff03;border:1px solid var(--line-rest);color:var(--glass-idle);--line-rest: var(--glass-line);--label-rest: inherit;--label-glow: none;font-family:inherit;font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;cursor:pointer;transition:box-shadow var(--duration-normal) ease,border-color var(--duration-normal) ease,background var(--duration-normal) ease;text-align:center;line-height:1.25;overflow:hidden;isolation:isolate;--progress-scale: 0}.sound-emoji{position:relative;z-index:2;align-self:center;margin-top:auto;--pixel-size: 28px}.sound-label{color:var(--label-rest);text-shadow:var(--label-glow);position:relative;z-index:2;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center}.sound-meta{position:relative;z-index:2;width:100%;margin-top:auto;padding-top:3px;font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-xs);font-weight:400;letter-spacing:.04em;color:var(--glass-off-dim)}.cell{position:relative;display:flex;min-width:0}.cell>.sound{flex:1;min-width:0}.cell.is-favorite>.sound{--gas: var(--gas-amber);--gas-core: var(--gas-amber-core);--line-rest: rgba(var(--gas), .35);--label-rest: var(--gas-core);--label-glow: var(--burn-soft)}.sound-scribble{position:relative;z-index:2;align-self:stretch;width:auto;margin:3px calc(var(--card-padding-x) * -1) calc(var(--card-padding-bottom) * -1);padding:2px 5px 3px;background:#ffffff07;border-top:1px solid var(--glass-line);font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:8px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--glass-off);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound-transport{position:relative;z-index:2;width:auto;align-self:stretch;height:2px;margin:2px 1px 0;background:var(--glass-line);opacity:0;transition:opacity .3s ease-out}.sound-transport i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--progress-scale, 0) * 100%);background:var(--gas-core);box-shadow:0 0 5px rgb(var(--gas))}.sound.is-playing .sound-transport{opacity:1}.sound.is-worn:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 calc(6px + var(--burn) * 16px) rgba(var(--gas),calc(var(--burn) * .09)),0 0 calc(var(--burn) * 10px) rgba(var(--gas),calc(var(--burn) * .11))}.sound-key{--gas: var(--gas-cold);--gas-core: var(--gas-cold-core);position:absolute;top:6px;left:6px;z-index:3;padding:1px 5px;border-radius:2px;border:1px solid rgba(var(--gas),.35);background:none;color:var(--gas-core);text-shadow:var(--burn-soft);font-size:.6rem;font-weight:700;letter-spacing:.04em}.group-grid.is-bank .cell{cursor:grab}.group-grid.is-bank .cell.is-dragging{cursor:grabbing;z-index:5}.group-grid.is-bank .cell.is-dragging .sound{border-color:rgb(var(--gas));box-shadow:var(--ignite-panel)}@media (max-width: 720px){.plate,.masthead-room{display:none}}.me-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px;background:#11111bd1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.me-card{display:flex;flex-direction:column;gap:var(--space-md);width:min(360px,100%);padding:20px;border-radius:12px;border:1px solid rgba(249,199,79,.28);background:var(--panel);box-shadow:var(--shadow);animation:sheet-rise .18s cubic-bezier(.2,1.1,.4,1)}@keyframes sheet-rise{0%{opacity:0;transform:translateY(8px)}}.me-card h2{margin:0;font-size:var(--text-sm);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.me-card p{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--muted)}.me-card h3{margin:0;font-size:var(--text-sm);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.me-field{display:flex;flex-direction:column;gap:6px}.me-field>label{font-size:var(--text-sm);color:var(--muted)}.me-field>input{width:100%;padding:9px 11px;border-radius:8px;border:1px solid rgba(249,199,79,.28);background:#00000047;color:var(--text);font:inherit;font-size:var(--text-base);outline:none;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.me-field>input:focus{border-color:#f9c74fb3;box-shadow:0 0 0 3px #f9c74f24}.me-signin{display:flex;flex-direction:column;gap:6px}.me-card .me-field-note{font-size:var(--text-xs)}.me-sheet-foot{display:flex;align-items:center;gap:6px}.me-sheet-foot .is-leave{margin-left:auto}.entrance-current{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;border:1px solid rgba(249,199,79,.35);background:#f9c74f1a}.entrance-emoji{--pixel-size: 28px}.entrance-text{display:flex;flex-direction:column;min-width:0}.entrance-name{font-size:var(--text-base);font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entrance-sub{font-size:var(--text-xs);color:var(--muted)}.entrance-actions{display:flex;gap:6px;margin-left:auto;flex:none}.ghost{padding:4px 10px;border-radius:6px;border:1px solid rgba(180,190,254,.22);background:var(--panel-2);color:var(--muted);font:inherit;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:border-color var(--duration-fast) ease,color var(--duration-fast) ease}.ghost:hover{border-color:#f9c74f99;color:var(--gold)}.ghost:focus-visible{outline:2px solid var(--lav);outline-offset:2px}.ghost.is-wide{align-self:stretch;text-align:center;padding:9px 10px}.ghost.is-leave{border-color:#f38ba859;color:var(--error)}.ghost.is-leave:hover{border-color:var(--error);color:var(--error)}.picking-bar{flex:none;display:flex;align-items:center;gap:var(--space-md);padding:9px var(--space-md);border-radius:var(--card-radius);border:1px solid rgba(249,199,79,.45);background:#f9c74f1f;color:var(--text);font-size:var(--text-base)}.picking-bar b{color:var(--gold)}.picking-bar .ghost{margin-left:auto}.desk{display:flex;align-items:stretch;gap:var(--space-sm);flex:0 0 100%;min-width:0}.desk-main{display:flex;flex-direction:column;gap:5px;flex:1 1 0;min-width:0}.nav-rail{display:flex;flex-direction:column;gap:4px;flex:0 0 150px;position:relative;z-index:0;min-width:0;padding:2px 0 0}.nav-rail>.engrave:not(:first-child){margin-top:7px}.nav-rail .slot{margin-bottom:8px}.nav-rail .rocker{width:calc(100% - 22px);margin-inline:auto}.rail-count{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding-left:2px}.rail-count .sort-count-glass{flex:none}.nav-rail .category-screen{align-self:stretch}.category-screen{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;min-height:24px}.category-name{flex:1 1 0;min-width:0;overflow:hidden}.category-name-run{display:inline-flex;width:max-content}.category-name-run.is-scrolling{animation:category-run var(--dur, 3s) linear infinite alternate}@keyframes category-run{0%,14%{transform:translate(0)}86%,to{transform:translate(calc(var(--run, 0px) * -1))}}.category-count{flex:none}@media (prefers-reduced-motion: reduce){.category-name-run.is-scrolling{animation:none}}.nav-rail .category-strip .step,.nav-rail .category-strip .category-all{padding:0;font-size:9px}.nav-rail .switch-bank .key{font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;padding:4px 2px;white-space:nowrap}.nav-rail .sort-select,.nav-rail .order-select{width:100%}.board-column{display:flex;flex-direction:column;gap:5px;flex:1 1 auto;min-width:0}.find-strip{display:flex;align-items:center;flex:none;position:relative;z-index:2}.find-strip .filter-wrap{flex:1 1 auto;min-width:0}.board{display:grid;grid-template-rows:auto minmax(0,1fr);place-items:stretch}.recall{grid-row:1;grid-column:1;display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:0;padding:var(--space-sm) var(--space-md) 6px}.recall-label{flex:none;text-transform:uppercase;letter-spacing:.14em;font-size:8px;color:var(--glass-off-dim)}.recall-queue{display:flex;align-items:center;gap:5px;flex:1 1 auto;min-width:0;overflow:hidden;min-height:20px}.recall-idle{font-size:9px}.recall-item{display:flex;align-items:center;gap:5px;flex:none;max-width:128px;padding:3px 7px 3px 5px;border:1px solid var(--glass-line);border-radius:3px;background:none;cursor:pointer;transition:border-color var(--duration-fast) ease,color var(--duration-fast) ease}.recall-emoji{width:12px;height:12px;flex:none}.recall-name{min-width:0;font-size:9px;color:var(--glass-off);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--duration-fast) ease}.recall-item.is-newest .recall-name{color:var(--glass-idle)}.recall-item:hover{border-color:rgba(var(--gas-cold),.5)}.recall-item:hover .recall-name{color:var(--gas-cold-core)}.recall-item:focus-visible{outline:2px solid var(--lav);outline-offset:1px}.bank-strip,.category-strip{display:flex;align-items:center;gap:7px;flex:none;padding:0 4px;position:relative;z-index:2}.bank-strip .step,.category-strip .step{width:20px;min-width:0;padding:0;font-size:9px}.nav-rail .category-strip,.nav-rail .bank-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.nav-rail .category-strip>*,.nav-rail .bank-strip>*{width:auto;min-width:0}.nav-rail .bank-strip .sort-count-glass{justify-content:center}.nav-rail .bank-strip .seg{padding-inline:0}.bank-label{min-width:0;padding:4px 8px;text-align:left;font-size:var(--text-xs);line-height:1.35;overflow-wrap:anywhere}.bank-of{flex:none}.board-row{display:flex;align-items:stretch;gap:6px;flex:0 1 auto;min-height:0}.bank-index{display:flex;flex-direction:column;justify-content:center;gap:3px;flex:none;padding:6px 4px;border-radius:3px;background:linear-gradient(180deg,#16161f,#0e0e15);border:1px solid #0b0b12;box-shadow:inset 0 1px #ffffff0a}.bank-tick{width:8px;height:3px;border-radius:1px;background:#232a38;transition:background .2s ease,box-shadow .2s ease}.bank-tick.is-here{background:var(--gas-cold-core);box-shadow:0 0 5px rgb(var(--gas-cold)),0 0 11px rgba(var(--gas-cold),.55)}.bank-tick.is-near{background:#39415a}.bank-tick.is-past-end{background:#171c26}.group-grid.is-bank{display:grid;grid-template-columns:repeat(var(--slot-columns, 7),minmax(0,1fr));grid-auto-rows:auto;gap:var(--grid-gap);flex:none}.group-grid.is-bank>.cell{aspect-ratio:1;min-height:104px}.group-grid.is-bank .sound{gap:2px}.group-grid.is-bank .sound-emoji{--pixel-size: 22px}.group-grid.is-bank .sound-label{flex-shrink:0}.group-grid.is-bank .sound{transition:opacity .09s linear var(--scan, 0ms),border-color .09s ease-out var(--scan, 0ms),box-shadow .09s ease-out var(--scan, 0ms),background .09s ease-out var(--scan, 0ms)}.group-grid.is-bank.is-dark .sound{opacity:0;transition-delay:0ms;transition-duration:22ms}.sound-star{position:absolute;top:4px;right:4px;z-index:3;display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:3px;background:none;color:var(--glass-line);cursor:pointer;transition:color var(--duration-fast) ease,transform var(--duration-fast) ease}.sound-star svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.sound-star:hover{color:var(--gold)}.sound-star:focus-visible{outline:2px solid var(--lav);outline-offset:1px}.sound-star.is-on{--gas: var(--gas-amber);color:var(--gold)}.sound-star.is-on svg{fill:currentColor;filter:drop-shadow(0 0 4px rgba(var(--gas),.55))}.sound.is-playing~.sound-star:not(.is-on){color:var(--glass-off-dim)}.cell.is-blank .sound,.sound.is-empty{border-style:dashed;border-color:#171d29;background:none;cursor:default;box-shadow:none}.sound.is-empty .sound-key{opacity:.22}.screen-strip .seg{padding:0;justify-content:center}.sort-count-glass{padding:2px 4px;place-items:normal;display:inline-flex;align-items:center}.select:disabled{opacity:.4;cursor:not-allowed}.sound:hover{--gas: var(--gas-pink);--gas-core: var(--gas-pink-core);border-color:rgba(var(--gas),.5);box-shadow:var(--ignite-soft)}.sound.is-active,.sound:active{--gas: var(--gas-pink);--gas-core: var(--gas-pink-core);border-color:rgba(var(--gas),.8);box-shadow:var(--ignite-soft)}.sound.is-playing{--gas: var(--gas-pink);--gas-core: var(--gas-pink-core);z-index:2;border-color:rgb(var(--gas));background:rgba(var(--gas),.07);box-shadow:var(--ignite-panel);transition:border-color .06s ease-out,box-shadow .06s ease-out,background .06s ease-out}.sound.is-cooling{transition:border-color .44s cubic-bezier(.4,0,.9,.5),box-shadow .44s cubic-bezier(.4,0,.9,.5),background .44s ease-out}.sound.is-cooling .sound-label{transition:color .44s ease-out,text-shadow .44s ease-out}.sound.is-playing .sound-label{color:#fff;text-shadow:var(--burn)}.sound.is-playing .sound-scribble,.sound.is-playing .sound-meta{color:rgb(var(--gas));text-shadow:var(--burn-faint)}.sound.is-playing .sound-scribble{border-top-color:rgba(var(--gas),.4)}.empty{grid-column:1 / -1;text-align:center;color:var(--glass-off);font-size:var(--text-sm);padding:var(--space-md) 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 720px){.page{padding:var(--space-md) var(--space-md) var(--space-lg)}.desk{flex-direction:column;align-items:stretch}.nav-rail{flex:none}.nav-rail{order:1}.desk-main{order:2}.nav-rail{flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px}.nav-rail>.engrave:not(:first-child){margin-top:0}.nav-rail .switch-bank.is-vertical{flex-direction:row}.shelf-etch{display:none}.nav-rail .sort-select{width:200px}.nav-rail .order-select{width:52px}.nav-rail .bank-strip{flex:1 1 130px}.nav-rail .bank-label{flex:1 1 100%}.nav-rail .category-screen{flex:1 1 100%;align-self:auto}.nav-rail .bank-strip .sort-count-glass{flex:0 0 auto}.nav-rail .category-strip{flex:none}.nav-rail .category-strip .step{flex:0 0 20px}.rail-count{display:none}:root{--card-min-height: 72px;--card-padding-top: 22px;--card-padding-x: 8px;--card-padding-bottom: 6px}.masthead{padding-block:var(--space-sm)}.controls{flex-direction:column;align-items:stretch;gap:6px}.audio-controls{max-width:100%;width:100%}.filter-controls{width:100%}.select,.filter,.filter-wrap,.volume{max-width:100%;flex:1 1 auto}.board{padding:6px}.masthead-face{gap:8px;padding-left:8px;padding-right:8px}.masthead{--fubb: 88px}.pl-speech{padding:8px 10px}.group-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.sound{font-size:10px}.corner-link,.submit-open{font-size:10px;padding:3px 8px}}@media (max-width: 480px){.group-grid{grid-template-columns:repeat(2,1fr)}.masthead{--fubb: 60px}.masthead-face{flex-wrap:wrap;row-gap:8px}.pl-dock{order:1;width:100%;height:auto;flex-direction:row;align-items:stretch}.key-slot{--slot-h: 46px;flex:1 1 auto}.pl-eject{width:46px;height:auto;margin-inline:0}.cluster{gap:6px}.sort-strip{gap:2px;padding:8px 10px}.sort-btn{padding:4px 8px}.sort-label{white-space:nowrap}.submit-open{margin-left:0;align-self:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sound-enter-active{transition:opacity var(--duration-fast) var(--ease-out-expo),transform var(--duration-fast) var(--ease-out-expo)}.sound-leave-active{transition:opacity .08s ease;position:absolute!important;pointer-events:none}.sound-enter-from{opacity:0;transform:translateY(4px) scale(.98)}.sound-leave-to{opacity:0}.sound-move{transition:transform var(--duration-fast) var(--ease-out-expo)}.emoji-float-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:50}.emoji-float{position:absolute;font-size:1.4rem;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform,opacity;text-shadow:0 2px 8px rgba(0,0,0,.5);animation:emoji-rise 1.5s cubic-bezier(.25,.6,.3,1) forwards}@keyframes emoji-rise{0%{opacity:0;transform:translate(-50%) scale(.6)}18%{opacity:1;transform:translate(-50%,-14px) scale(1.15)}to{opacity:0;transform:translate(calc(-50% + var(--drift, 0px)),-78px) scale(.95)}}.header-mascot.is-warm{--phosphor: rgba(240, 93, 187, .5);border-color:#f05dbb73}.header-mascot.is-cross{--phosphor: rgba(249, 199, 79, .4);border-color:#f9c74f66}.header-mascot.is-uneasy{--phosphor: rgba(249, 199, 79, .28);border-color:#f9c74f47}.header-mascot.is-low{--phosphor: rgba(180, 190, 254, .14)}.header-mascot.is-low>img{filter:brightness(.86)}.header-mascot.is-asleep{--phosphor: transparent}.header-mascot.is-asleep>img{filter:brightness(.7)}.cluster{display:flex;align-items:center;gap:var(--space-sm);flex:none}.mixer,.usher,.jukebox{flex:none;flex-direction:column}.mixer-rail,.rack-row{display:flex;align-items:stretch;position:relative;z-index:2}.mixer-rail .machine-bay,.rack-row .machine-bay{display:grid;grid-template-rows:14px 68px 24px auto;align-items:center;justify-items:center;gap:7px;flex:1 1 0;min-width:104px;padding:12px 14px}.mixer-rail .machine-bay>.screen,.rack-row .machine-bay>.screen{width:100%}.bay-control,.bay-mode{display:grid;place-items:center;width:100%}.mixer-rail .machine-bay.bay-master{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px}.seg-cell{display:flex;align-items:center;justify-content:center;min-height:24px;padding:2px 4px}.fx-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%;grid-row:2 / span 2;align-self:stretch}.fx-grid .key{font-size:9px;padding:3px 5px}.key-master{width:46px;height:46px;min-width:0;padding:0;display:grid;place-items:center}.key-master .power-mark{position:static}.fubb-etch{--art: url(/assets/fubb/etching-mask.png);position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.fubb-etch:before{-webkit-mask-size:auto 168%;mask-size:auto 168%;-webkit-mask-position:left top;mask-position:left top;opacity:.28}.shelf-etch{--art: url(/assets/fubb/shelf-etching-mask.png);position:absolute;top:0;right:0;bottom:4px;left:0;z-index:-1}.shelf-etch:before{-webkit-mask-size:94% auto;mask-size:94% auto;-webkit-mask-position:center bottom;mask-position:center bottom;opacity:.4}.machine.is-unpowered .seg-on{fill:var(--glass-line);filter:none}.machine.is-unpowered .lamp{background:#2a2a3a;box-shadow:inset 0 1px 1px #000c}.machine.is-unpowered .key[aria-pressed=true],.machine.is-unpowered .key[aria-checked=true],.machine.is-unpowered .key[aria-expanded=true]{border-color:var(--edge-dark);color:var(--glass-off-dim);text-shadow:none}.machine.is-unpowered .rotary-marks i.is-at{color:var(--glass-off-dim);text-shadow:0 1px 0 rgba(0,0,0,.8)}.machine.is-unpowered .lcd{color:var(--glass-off-dim);text-shadow:none}.machine.is-unpowered .screen.is-live,.machine.is-unpowered .dial.is-live{border-color:var(--glass-edge);box-shadow:var(--sunk);text-shadow:none}.machine.is-unpowered .dial-detent{background:var(--glass-line);box-shadow:none}.machine.is-unpowered .dial.is-live{box-shadow:var(--lip-up),var(--cast)}.machine.is-unpowered .dial-mount:has(.dial.is-live):after,.machine.is-unpowered .dial-mount:has(.dial.is-live):before{opacity:0}.machine.is-unpowered .dial.is-live .dial-pointer{background:var(--glass-off-dim);box-shadow:none}.machine.is-unpowered .screen>*{visibility:hidden}.machine.is-unpowered .screen .seg,.machine.is-unpowered .screen .seg *{visibility:visible}.machine.is-unpowered .screen>.boot{visibility:visible}.machine.is-unpowered .screen-field,.machine.is-unpowered .screen-field>input{color:var(--glass-off-dim);caret-color:transparent}.machine.is-unpowered .screen-field>input::placeholder{color:var(--glass-off-dim)}.machine.is-unpowered .glass-key{--gas: var(--gas-cold);border-color:var(--glass-line);color:var(--glass-off-dim);text-shadow:none}.machine.is-unpowered .tab.is-on{background:none;box-shadow:none}.jukebox.is-unpowered .jb-scope,.jukebox.is-unpowered .jb-window{opacity:0}.jukebox.is-unpowered .jb-window.is-playing,.jukebox.is-unpowered .jb-play[aria-checked=true]{box-shadow:var(--sunk)}.jukebox.is-unpowered .jb-screen-title,.jukebox.is-unpowered .jb-screen-artist,.jukebox.is-unpowered .jb-screen-time{color:var(--glass-off-dim);text-shadow:none;opacity:1}.usher-eq{width:100%}.usher .spectrum{width:100%;height:104px}.usher-desk{display:flex;align-items:stretch;gap:10px;width:100%}.usher-strips{flex:1 1 auto;display:flex;align-items:stretch;gap:4px}.usher-strip{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:6px;flex:1 1 0;min-width:96px;padding:4px 6px 6px;--tower: 128px}.usher-module-head{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-height:20px;padding-bottom:4px;border-bottom:1px solid var(--edge);box-shadow:0 1px #ffffff08}.usher-mains{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:6px;flex:0 0 78px;padding:4px 12px 6px 0;border-top:1px solid transparent;border-bottom:1px solid transparent;border-right:1px solid var(--edge);box-shadow:1px 0 #ffffff08}.usher-mains>.usher-module-head{width:calc(100% + 12px);margin-right:-12px;padding-right:12px}.usher-mains .key-master{align-self:start;grid-row:2}.usher-out{grid-row:3;display:flex;flex-direction:column;align-items:center;gap:3px}.usher-module-keys{display:flex;gap:4px;width:100%}.usher-key{flex:1 1 0;min-width:0;padding:4px 2px;font-size:8px;letter-spacing:.06em}.usher.is-booting .usher-mains{--boot: 0ms}.usher.is-booting .usher-strips>*:nth-child(1){--boot: 60ms}.usher.is-booting .usher-strips>*:nth-child(2){--boot: .12s}.usher.is-booting .usher-strips>*:nth-child(3){--boot: .18s}.usher.is-booting .usher-master{--boot: .24s}.usher.is-booting .usher-send{--boot: .3s}.usher.is-booting .lamp{animation:boot-lamp .26s var(--boot, 0ms) steps(1,end) backwards}.usher.is-booting .key:not([aria-pressed=true]):not([aria-checked=true]),.usher.is-booting .power-mark{animation:boot-key .26s var(--boot, 0ms) steps(1,end) backwards}.usher.is-booting .seg-off,.usher.is-booting .seg-on{animation:boot-seg .26s var(--boot, 0ms) steps(1,end) backwards}@keyframes boot-ladder{0%{clip-path:inset(100% 0 0 0)}15%{clip-path:inset(100% 0 0 0)}45%{clip-path:inset(0 0 0 0)}72%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(100% 0 0 0)}}.usher.is-booting .ladder-lit{display:block;animation:boot-ladder .26s var(--boot, 0ms) linear backwards}@media (prefers-reduced-motion: reduce){.usher.is-booting .lamp,.usher.is-booting .key:not([aria-pressed=true]):not([aria-checked=true]),.usher.is-booting .power-mark,.usher.is-booting .seg-off,.usher.is-booting .seg-on,.usher.is-booting .ladder-lit{--boot: 0ms;animation-delay:0ms}}.usher-sig{flex:none;display:flex;align-items:center;gap:4px}.usher-sig-mark{font-size:6px;letter-spacing:.14em}.usher-body{display:flex;align-self:end;justify-content:center;align-items:center;width:100%;gap:8px;padding:4px 0}.usher-strip .ladder{width:20px}.usher-strip-name{font-size:7px;letter-spacing:.1em}.usher-tag{font-size:7px;padding:2px 7px}.usher-master{flex:0 0 176px}.usher-master .fader-tower{--cross: 30px}.usher-master .fader-tower .fader{--cap: 20px;height:30px}.usher-strip.usher-master .ladder{width:34px;--cell: 6px}.usher-send{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:6px;margin-left:auto;min-width:104px;padding:4px 0 6px 12px;border-top:1px solid transparent;border-bottom:1px solid transparent;border-left:1px solid var(--edge);box-shadow:-1px 0 #ffffff08}.usher-send>.usher-module-head{width:calc(100% + 12px);margin-left:-12px;padding-left:12px}.usher-send-stack{align-self:start;display:flex;flex-direction:column;align-items:center;gap:14px}.usher-send-part{display:flex;flex-direction:column;align-items:center;gap:3px}.send-caption{font-size:7px}.mixer-face{display:flex;align-items:center;gap:8px;padding:4px 8px;position:relative;z-index:2}.mixer-power,.mixer-stop{width:26px;min-width:0;padding:0;font-size:9px}.mixer-stop{margin-left:auto}.mixer-status{flex:none;padding:2px 6px;place-items:normal;display:inline-flex;align-items:center}.mixer-status.is-gold{--gas: var(--gas-amber);--gas-core: var(--gas-amber-core)}.mixer-rail{display:flex;align-items:stretch;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden}.mixer .machine-bay{min-width:90px}.mixer .switch-bank{width:78px}.fx-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.stepper{display:flex;align-items:stretch;gap:5px}.step{width:20px;flex:none;padding:0;font-size:10px}.preset-display{width:80px;height:30px;padding:0 2px;text-overflow:ellipsis}.mixer-out{flex:1 1 auto;align-items:stretch;min-width:168px}.mixer-out .engrave{align-self:flex-start}.spectrum{width:100%;height:42px}.out-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 9px}.out-row .fader-rig{flex:1 0 100%}.out-row .fader{width:100%}.mixer-tail .key-text{margin-top:auto}.sign-in-prompt{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-sm);padding:10px 12px;border:1px dashed var(--glass-line);border-radius:4px;color:var(--glass-off);font-size:var(--text-sm)}.sign-in-prompt button{--gas: var(--gas-amber);--gas-core: var(--gas-amber-core);margin-left:auto;flex:none;padding:5px 12px;border-radius:2px;border:1px solid rgba(var(--gas),.5);background:none;color:var(--gas-core);text-shadow:var(--burn-soft);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.sign-in-prompt button:hover{border-color:rgb(var(--gas));box-shadow:var(--ignite-soft)}.board-machine.is-unpowered .board-scroll,.board-machine.is-unpowered .recall,.board-machine.is-unpowered .lcd-screen>*,.board-machine.is-unpowered .screen-field>*{opacity:0;transition:opacity .42s ease-out}.board-machine.is-unpowered .screen-field{pointer-events:none}.board-machine.is-unpowered .bank-label{color:transparent;text-shadow:none}.board-machine.is-unpowered .board-floor{background:none}.board-machine.is-unpowered .board{background:var(--room)}.board-machine.is-unpowered .board-scroll{pointer-events:none}.board-machine.is-unpowered .bank-tick{background:#14141c;box-shadow:none}.mixer.is-booting .mixer-rail>*:nth-child(2){--boot: 0ms}.mixer.is-booting .mixer-rail>*:nth-child(3){--boot: 60ms}.mixer.is-booting .mixer-rail>*:nth-child(4){--boot: .12s}.mixer.is-booting .mixer-rail>*:nth-child(5){--boot: .18s}.mixer.is-booting .mixer-rail>*:nth-child(6){--boot: .24s}.mixer.is-booting .mixer-rail>*:nth-child(7){--boot: .3s}.mixer.is-booting .mixer-rail>*:nth-child(8){--boot: .36s}@keyframes boot-seg{0%{fill:var(--glass-line);filter:none}15%{fill:var(--gas-core);filter:drop-shadow(0 0 2px rgb(var(--gas)))}72%{fill:var(--glass-line);filter:none}to{fill:var(--glass-line);filter:none}}.mixer.is-booting .seg-off,.mixer.is-booting .seg-on{animation:boot-seg .26s var(--boot, 0ms) steps(1,end) backwards}@keyframes boot-lamp{0%{background:#2a2a3a;box-shadow:inset 0 1px 1px #000c}15%{background:rgb(var(--lamp));box-shadow:var(--halo)}72%{background:#2a2a3a;box-shadow:inset 0 1px 1px #000c}to{background:#2a2a3a;box-shadow:inset 0 1px 1px #000c}}.mixer.is-booting .lamp{animation:boot-lamp .26s var(--boot, 0ms) steps(1,end) backwards}@keyframes boot-key{0%{border-color:var(--edge);color:var(--muted);text-shadow:none}15%{border-color:#f05dbb8c;color:var(--hot);text-shadow:var(--halo-text)}72%{border-color:var(--edge);color:var(--muted);text-shadow:none}to{border-color:var(--edge);color:var(--muted);text-shadow:none}}.mixer.is-booting .key:not([aria-pressed=true]):not([aria-checked=true]),.mixer.is-booting .power-mark{animation:boot-key .26s var(--boot, 0ms) steps(1,end) backwards}.mixer.is-booting .dial-mount:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:50%;background:repeating-conic-gradient(from -140deg,rgba(240,93,187,.75) 0deg 2.6deg,transparent 2.6deg 28deg);pointer-events:none}@keyframes boot-ring{0%{opacity:0}15%{opacity:1}72%{opacity:0}to{opacity:0}}@property --ring-sweep{syntax: "<angle>"; inherits: false; initial-value: 296deg;}@keyframes boot-ring-fill{0%{--ring-sweep: 0deg}15%{--ring-sweep: 0deg}72%{--ring-sweep: 296deg}to{--ring-sweep: 296deg}}.mixer.is-booting .dial-mount:before{-webkit-mask-image:conic-gradient(from -148deg,#000 var(--ring-sweep),transparent var(--ring-sweep)),radial-gradient(circle,transparent 21px,#000 21px,#000 25px,transparent 25px);mask-image:conic-gradient(from -148deg,#000 var(--ring-sweep),transparent var(--ring-sweep)),radial-gradient(circle,transparent 21px,#000 21px,#000 25px,transparent 25px);-webkit-mask-composite:source-in;mask-composite:intersect;animation:boot-ring .26s var(--boot, 0ms) steps(1,end) backwards,boot-ring-fill .26s var(--boot, 0ms) linear backwards}@keyframes boot-dial{0%{border-color:var(--edge-dark)}15%{border-color:#f05dbbd9}72%{border-color:var(--edge-dark)}to{border-color:var(--edge-dark)}}.mixer.is-booting .dial{animation:boot-dial .26s var(--boot, 0ms) steps(1,end) backwards}@media (prefers-reduced-motion: reduce){.mixer.is-booting .seg-off,.mixer.is-booting .seg-on,.mixer.is-booting .lamp,.mixer.is-booting .key:not([aria-pressed=true]):not([aria-checked=true]),.mixer.is-booting .power-mark,.mixer.is-booting .dial,.mixer.is-booting .dial-mount:before{--boot: 0ms;animation-delay:0ms}.mixer.is-booting .dial-mount:before{animation:boot-ring .26s steps(1,end) backwards}}.jukebox .jb-desk{display:flex;flex-direction:column;gap:8px;padding:0 2px var(--space-md)}.jukebox.is-folded .jb-desk{display:none}.jb-screen{position:relative;display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;align-items:center;width:100%;--glass-h: clamp(150px, 27vw, 240px);--glass-gap: 44px;height:var(--glass-h);padding:0;overflow:hidden;border-radius:4px}.jb-scope{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block}.jb-screen-plate{grid-row:1;justify-self:stretch;z-index:2;text-align:center;pointer-events:none}.jb-screen-title{margin:0;font-size:var(--text-base);font-weight:600;letter-spacing:.02em;color:var(--gas-cold-core);text-shadow:var(--burn-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:var(--space-md)}.jb-screen-artist{margin:2px 0 0;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--gas-cold));opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:var(--space-md)}.jb-screen-time{grid-row:3;justify-self:stretch;z-index:2;margin:0;padding-inline:var(--space-md);display:flex;justify-content:space-between;font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:9px;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:rgb(var(--gas-cold));opacity:.55;pointer-events:none}.jb-main{display:flex;gap:8px;align-items:stretch}.jukebox .machine-bay{display:flex;flex-direction:column;gap:5px;min-width:0}.bay-selection,.bay-upnext{position:relative;--wheel-gutter: 22px;padding-right:var(--wheel-gutter)}.bay-selection>.thumbwheel,.bay-upnext>.thumbwheel{position:absolute;right:0;top:0;bottom:0;margin-block:auto}.jb-window{position:relative;grid-row:2;z-index:1;width:min(33.333%,calc((var(--glass-h) - var(--glass-gap) * 2) * 16 / 9));aspect-ratio:16 / 9;border-radius:2px;overflow:hidden;background:var(--room);box-shadow:0 0 0 1px rgba(var(--gas-cold),.22),0 2px 14px -4px #000000e6}.machine .jb-window .yt-player-empty,.machine .jb-window .yt-player-loading{display:none}.jb-window>*{pointer-events:none}.jb-window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:repeating-linear-gradient(180deg,rgba(255,255,255,.022) 0 1px,transparent 1px 2px),radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.05),transparent 70%);pointer-events:none}.jb-transport{display:grid;grid-template-columns:auto auto;align-items:stretch;gap:0 5px}.jb-legend{grid-area:1 / 1}.jb-transport .jb-deck{grid-area:2 / 1}.jb-vote{grid-area:2 / 2}.jb-vote-legend{align-self:center;padding-inline:4px 2px}.bay-selection{flex:1 1 0}.jb-selection-sort{display:flex;gap:8px;align-items:flex-end;width:100%}.jb-sort-group{display:flex;flex-direction:column;gap:3px}.jb-sort-group>.switch-bank{width:100%}.jb-sort-group:first-child{flex:1 1 auto;min-width:0}.jb-sort-order{flex:0 0 auto}.jb-sort .key{font-size:9px;padding:3px 8px}.jb-order .key{padding:3px 9px}.jb-edit{flex:0 0 auto;font-size:9px;padding:3px 14px;margin-bottom:2px}.jb-bay-head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-bottom:-1px}.bay-selection .jb-bay-head{align-items:flex-end}.jb-count{display:flex;align-items:center;gap:5px;flex:0 0 auto}.jb-count-glass{padding:2px 5px}.jb-strips{flex:1 1 0;min-height:170px;display:flex;flex-direction:column;place-items:stretch;padding:0;overflow:hidden;width:100%;--strip-grid: minmax(0, 1.7fr) minmax(0, 1fr) 40px}.jb-strips-head,.jb-strip{display:grid;grid-template-columns:var(--strip-grid);align-items:center;gap:0 8px;padding:0 8px;text-align:left}.jb-strips-head{height:20px;flex:0 0 auto;border-bottom:1px solid var(--glass-edge)}.jb-strips-scroll{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden}.jb-strips-scroll,.jb-queue-scroll{overscroll-behavior:contain;scrollbar-width:none}.jb-strips-scroll::-webkit-scrollbar,.jb-queue-scroll::-webkit-scrollbar{display:none}.jb-strips-note{padding:14px 12px;text-align:center}.jb-strip{width:100%;height:26px;border:0;border-bottom:1px solid rgba(120,140,190,.07);background:none;font:inherit;font-size:var(--text-sm);color:var(--glass-idle);cursor:pointer}.jb-strip:hover:not(.jb-ask){background:#788cbe14}.jb-strip:not(.is-editing):not(.jb-ask):hover,.jb-strip:not(.is-editing):not(.jb-ask):hover .jb-strip-artist,.jb-strip:not(.is-editing):not(.jb-ask):hover .jb-strip-time{color:var(--gas-core)}.jb-strip-title,.jb-strip-artist,.jb-strip-time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jb-strip-title{color:inherit}.jb-strip-artist{color:var(--glass-off)}.jb-strip-time{text-align:right;font-variant-numeric:tabular-nums;color:var(--glass-off-dim)}.jb-strips.is-editing{--strip-grid: minmax(0, 1.7fr) minmax(0, 1fr) 40px 22px;--gas: var(--gas-pink);--gas-core: var(--gas-pink-core)}.jb-strip.is-editing,.jb-ask{cursor:default}.jb-strip-field{min-width:0;padding:0;border:0;border-bottom:1px solid var(--glass-line);background:none;font:inherit;letter-spacing:inherit;text-align:left;cursor:text;transition:color var(--duration-fast) ease,border-color var(--duration-fast) ease}.jb-strip-field:hover{color:var(--gas-core);border-bottom-color:rgba(var(--gas),.55);text-shadow:var(--burn-soft)}.jb-strip-field:focus-visible{outline:2px solid var(--lav);outline-offset:1px}.jb-strip-input{min-width:0;padding:0;border:0;border-bottom:1px solid rgba(var(--gas),.6);background:none;outline:none;font:inherit;letter-spacing:inherit;color:var(--gas-core);text-shadow:var(--burn-faint)}.jb-strip-x{justify-self:end;display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:3px;background:none;color:rgb(var(--gas));opacity:.5;font:600 11px/1 var(--font-body, system-ui, sans-serif);cursor:pointer;transition:opacity var(--duration-fast) ease,text-shadow var(--duration-fast) ease}.jb-strip-x:hover{opacity:1;text-shadow:var(--burn-soft)}.jb-strip-x:focus-visible{outline:2px solid var(--lav);outline-offset:1px}.jb-ask{grid-template-columns:minmax(0,1fr) auto;color:var(--gas-core);text-shadow:var(--burn-faint)}.jb-ask-line{font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jb-ask-keys{display:flex;gap:5px}.jb-ask-yes,.jb-ask-no{padding:1px 6px;border:1px solid var(--glass-line);border-radius:2px;background:none;font:inherit;font-size:9px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color var(--duration-fast) ease,border-color var(--duration-fast) ease}.jb-ask-yes{border-color:rgba(var(--gas),.4);color:var(--gas-core)}.jb-ask-yes:hover{border-color:rgba(var(--gas),.75);text-shadow:var(--burn-soft)}.jb-ask-no{color:var(--glass-off);text-shadow:none}.jb-ask-no:hover{border-color:var(--glass-edge);color:var(--glass-idle)}.jb-ask-yes:focus-visible,.jb-ask-no:focus-visible{outline:2px solid var(--lav);outline-offset:1px}.bay-upnext{flex:0 0 calc(240px + var(--wheel-gutter))}.jb-queue{flex:1 1 0;min-height:0;display:flex;flex-direction:column;place-items:stretch;padding:0;overflow:hidden;width:100%}.jb-queue-scroll{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden}.jb-queue-empty{padding:12px;text-align:center}.jb-row{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;border-bottom:1px solid rgba(120,140,190,.09);color:var(--glass-idle)}.jb-row-lines{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "artist";gap:0 6px;flex:1 1 auto;min-width:0}.jb-row-x{flex:0 0 auto;display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:3px;background:none;color:rgb(var(--gas-amber));opacity:.62;font:600 12px/1 var(--font-body, system-ui, sans-serif);cursor:pointer;transition:opacity var(--duration-fast) ease,text-shadow var(--duration-fast) ease}.jb-row-x:hover{opacity:1;text-shadow:var(--burn-soft)}.jb-row-x:focus-visible{outline:2px solid var(--lav);outline-offset:1px}.jb-row.is-past{opacity:.45}.jb-row.is-now{color:var(--gas-core);text-shadow:var(--burn-soft)}.jb-row.is-now .jb-row-artist,.jb-row.is-now .jb-row-adder{color:var(--gas-core)}.jb-row-title{grid-area:title;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jb-window{transition:box-shadow .45s ease-out}.jb-window.is-playing{box-shadow:0 0 0 1px rgba(var(--gas-cold),.4),0 0 22px -2px rgba(var(--gas-cold),.28),0 2px 14px -4px #000000e6}.jb-find{display:flex;gap:6px;align-items:stretch;width:100%}.jb-find-glass{flex:1 1 auto;min-width:0;padding:0 10px}.jb-find-add{flex:0 0 auto}.jb-strip:nth-child(odd){background:#d6e0ff06}.jb-plate{position:relative;margin-inline:calc(-1 * (var(--space-md) + var(--screw-gutter)));display:grid;place-items:center;height:46px;background:linear-gradient(180deg,#0c0c12,#08080d 55%,#050509);box-shadow:inset 0 1px #ffffff0e,inset 0 -1px #000000b3,0 2px 5px -2px #000000bf}.jb-mains{position:absolute;left:calc(var(--space-md) + var(--screw-gutter));top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px}.jb-mains .rocker{flex:none;width:54px}.jb-plate-mark{font-family:var(--font-script);font-weight:700;font-size:30px;line-height:1;letter-spacing:normal;color:#767c96;text-shadow:0 1px 0 rgba(0,0,0,.8)}.jb-play,.jb-pause,.jb-skip,.jb-transport .jb-deck .key{flex:0 0 auto;min-width:46px}.jb-play[aria-checked=true]{box-shadow:var(--sunk),0 0 10px -1px rgba(var(--gas-pink),.4)}.jb-skip[aria-pressed=true]{color:var(--hot);border-color:rgba(var(--gas-pink),.45);text-shadow:0 0 5px rgba(240,93,187,.8),0 0 13px rgba(240,93,187,.45)}.jb-tally{flex:0 0 auto;padding:2px 6px}.jb-row-artist{grid-area:artist;display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--glass-off);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jb-row-by{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jb-row-adder{flex:0 0 auto;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--glass-off-dim)}.jb-selection-sort{flex-wrap:wrap;row-gap:5px}