:root{color:#eee6d8;background:#0d0b0a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:#0d0b0a;overflow:hidden}button{font:inherit}.app-shell{-webkit-user-select:none;user-select:none;background:#0d0b0a;width:100vw;height:100dvh;position:relative;overflow:hidden}.scene-frame{transform-origin:50%;will-change:transform;position:absolute;top:50%;left:50%}.scene-picture,.scene-art,.scene-shade,.scene-atmosphere,.interaction-layer{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.scene-art{object-fit:fill;pointer-events:none;-webkit-user-drag:none}.scene-shade{pointer-events:none;background:radial-gradient(circle at 50% 53%,#0000 40%,#0000001a 74%,#0000004d 100%),linear-gradient(#0e0a0729,#0e0a070d 34%,#0e0a072e);transition:background .18s,opacity .18s,filter .18s}.scene-atmosphere{pointer-events:none;z-index:1;mix-blend-mode:screen;opacity:0;background:radial-gradient(circle at 86% 73%,#ffd2902e,#0000 17%),radial-gradient(circle at 18% 78%,#ffd69d1c,#0000 18%),linear-gradient(#fff0d206,#fff0d200);transition:opacity .18s,filter .18s}.scene-art{filter:contrast(1.01)saturate(1.01)brightness(.99);transition:filter .18s,transform .18s,opacity .18s}.interaction-layer{z-index:2}.knob,.tuning-zone,.future-node,.power-hit,.signal-button-hit{-webkit-tap-highlight-color:transparent;touch-action:none;background:0 0;border:0;position:absolute}.knob{width:var(--knob-size,134px);aspect-ratio:1;cursor:grab;transform:rotate(var(--rotation));transform-origin:50%;border-radius:50%;padding:0}.knob:active{cursor:grabbing}.scene-portrait .knob{width:var(--knob-hit-size)}.scene-portrait .knob-volume{left:calc(var(--vol-left) - var(--knob-hit-inset));top:calc(var(--vol-top) - var(--knob-hit-inset))}.scene-portrait .knob-skip{left:calc(var(--skip-left) - var(--knob-hit-inset));top:calc(var(--skip-top) - var(--knob-hit-inset))}.show-hotspot-guides .knob{outline:2px solid #ff9900f2}.scene-portrait.show-hotspot-guides .knob{background:#ff99001a}.scene-portrait.show-hotspot-guides .knob:active{background:#ff99003b}.show-hotspot-guides .knob-cap{outline-offset:-1px;outline:2px solid #6fffd4e0}.show-hotspot-guides .knob:after{content:"";pointer-events:none;background:#ffeac7;border-radius:50%;outline:1px solid #a35d00;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.knob-cap{width:calc(var(--knob-size,134px) * .79);height:calc(var(--knob-size,134px) * .79);box-shadow:none;background:url(/assets/main-knob-face-BD3EWoi7.png) 50%/cover no-repeat;border-radius:50%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.knob-cap:before,.knob-cap:after{content:none}.knob-volume{left:var(--vol-left);top:var(--vol-top)}.knob-skip{left:var(--skip-left);top:var(--skip-top)}.tuning-zone{left:var(--tuning-left);top:var(--tuning-top);width:var(--tuning-width);height:var(--tuning-height);cursor:default;pointer-events:none;transition:opacity .16s;overflow:hidden}.tuning-zone.tuning-hidden{opacity:0}.dynamic-tuner{pointer-events:none;background:#f4be68eb;border-radius:2px;width:3px;position:absolute;top:13%;bottom:15%;transform:translate(-50%);box-shadow:0 0 5px #f4ad41ad}.radio-glass-power-shade,.tuning-glass-controller{border-radius:20px;position:absolute}.radio-glass-power-shade{left:var(--off-left);top:var(--off-top);width:var(--off-width);height:var(--off-height);z-index:3;pointer-events:none;opacity:0;background:linear-gradient(#050505f0,#010101f7),radial-gradient(#6046221a,#0000 74%);transition:opacity .34s;overflow:hidden;box-shadow:inset 0 0 22px #000000f5}.radio-glass-power-shade.off{opacity:.91}.power-hit{left:var(--power-left);top:var(--power-top);width:var(--power-size,76px);height:var(--power-size,76px);z-index:6;cursor:pointer;touch-action:manipulation;border-radius:50%;padding:0}.power-light{left:var(--power-light-left);top:var(--power-light-top);width:var(--power-light-size,30px);height:var(--power-light-size,30px);pointer-events:none;z-index:5;opacity:1;background:radial-gradient(circle at 48% 44%,#1d140efa 0 32%,#080706f5 56%,#040404e6 74%,#04040400 76%);border-radius:50%;transition:opacity .2s,background .2s,box-shadow .2s;position:absolute;box-shadow:inset 0 0 8px #000000b8}.power-light.on{background:radial-gradient(circle at 44% 42%,#fff5e0f2 0 10%,#ffc766eb 22%,#ff8a298f 54%,#ff8a2900 74%);box-shadow:0 0 10px #ffbe5c94,0 0 22px #ff933047}.power-light.off{background:radial-gradient(circle at 48% 44%,#1f150efa 0 34%,#0c0a08f7 58%,#040404eb 76%,#04040400 78%);box-shadow:inset 0 0 8px #000000d1,0 0 0 1px #0000003d}.hardware-hotspot{z-index:6;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:50%;width:46px;height:46px;padding:0;position:absolute;transform:translate(-50%,-50%)}.hotspot-aux{left:var(--aux-x);top:var(--aux-y)}.hardware-hotspot:focus-visible{outline-offset:2px;outline:2px solid #ffcd79e6}.signal-button-hit{z-index:6;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:50%;width:92px;height:92px;padding:0;position:absolute;transform:translate(-50%,-50%)}.signal-gain{left:var(--gain-x);top:var(--gain-y)}.signal-phase{left:var(--phase-x);top:var(--phase-y)}.signal-sync{left:var(--sync-x);top:var(--sync-y)}.signal-filter{left:var(--filter-x);top:var(--filter-y)}.signal-mod{left:var(--mod-x);top:var(--mod-y)}.signal-button-hit:focus-visible{outline-offset:2px;outline:2px solid #ffcd79e6}.signal-led{z-index:5;pointer-events:none;opacity:.96;background:radial-gradient(circle at 48% 44%,#1f150efa 0 34%,#0c0a08f7 58%,#040404eb 76%,#04040400 78%);border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 6px #000000d1,0 0 0 1px #0000003d}.signal-led.on{background:radial-gradient(circle at 44% 42%,#fff5e0f2 0 12%,#ffc766eb 28%,#ff8a299e 58%,#ff8a2900 78%);box-shadow:0 0 8px #ffbe5c94,0 0 18px #ff93304d}.led-gain{left:calc(var(--gain-x) + 2px);top:calc(var(--gain-y) - 81px)}.led-phase{left:calc(var(--phase-x) + 2px);top:calc(var(--phase-y) - 81px)}.led-sync{left:calc(var(--sync-x) + 2px);top:calc(var(--sync-y) - 81px)}.led-filter{left:calc(var(--filter-x) + 2px);top:calc(var(--filter-y) - 81px)}.led-mod{left:calc(var(--mod-x) + 2px);top:calc(var(--mod-y) - 81px)}.power-led{left:calc(var(--power-left) + (var(--power-size,76px) / 2) + 2px);top:calc(var(--power-top) + (var(--power-size,76px) / 2) - 81px);display:none}.app-landscape .signal-led,.app-portrait .power-light{display:none}.app-portrait .power-led{display:block}.show-hotspot-guides .hardware-hotspot,.show-hotspot-guides .signal-button-hit{background:#ff880026;outline:2px solid #ff8800f2}.show-hotspot-guides .hardware-hotspot:after,.show-hotspot-guides .signal-button-hit:after{content:"";background:#fff5d0;border-radius:50%;width:4px;height:4px;position:absolute;top:calc(50% - 2px);left:calc(50% - 2px)}.tuning-glass-controller{left:var(--glass-left);top:var(--glass-top);width:var(--glass-width);height:var(--glass-height);z-index:4;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:default;outline:0;overflow:visible}.tuning-glass-controller:before{content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.tuning-glass-controller:focus-visible{outline-offset:1px;outline:1px dashed #ecbc6f59}.transport-window{z-index:14;left:50%;top:var(--transport-top,33.4%);width:var(--transport-width,43%);min-height:var(--transport-min-height,19%);color:#e7b876;background:linear-gradient(#1d1712fb,#090807fc),repeating-linear-gradient(90deg,#0000 0 17px,#ffffff03 17px 18px);border:1px solid #e7b56957;border-radius:7px;grid-template-rows:auto auto auto;gap:12px;padding:14px 16px 16px;animation:.18s ease-out both transport-rise;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 18px 38px #0009,inset 0 0 0 1px #ffffff06,inset 0 0 24px #cb7e2b14}.transport-window.radio-off{opacity:.62}.transport-window-header{border-bottom:1px solid #e5b46929;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:10px;display:flex}.transport-heading{grid-template-columns:auto 1fr auto;align-items:baseline;gap:10px;min-width:0;display:grid}.transport-kicker{color:#8d724e;letter-spacing:.16em;white-space:nowrap;font-size:clamp(7px,.56vw,10px)}.transport-title{text-overflow:ellipsis;white-space:nowrap;color:#f0c681;letter-spacing:.035em;font-size:clamp(12px,1vw,17px);overflow:hidden}.transport-station{color:#bc8d52;white-space:nowrap;font-size:clamp(9px,.72vw,12px)}.transport-close{color:#e6be83;cursor:pointer;touch-action:manipulation;background:#15110d;border:1px solid #e6be823d;border-radius:4px;flex:none;width:34px;height:34px;margin:-4px -4px 0 0;font-size:24px;line-height:1}.transport-close:hover{background:#251a11}.transport-progress-row{color:#a67c49;font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;font-size:clamp(9px,.7vw,12px);display:grid}.transport-scrubber{accent-color:#d7923b;cursor:ew-resize;touch-action:none;width:100%;height:22px;margin:0}.transport-scrubber:disabled{opacity:.28;cursor:default}.transport-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.transport-controls button{color:#e7b873;cursor:pointer;letter-spacing:.06em;touch-action:manipulation;background:linear-gradient(#1c1510,#100d0a);border:1px solid #e7b56945;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-width:0;height:46px;padding:0 12px;font-size:clamp(9px,.72vw,12px);font-weight:700;line-height:1;display:flex;box-shadow:inset 0 0 0 1px #ffffff05}.transport-controls button>span:first-child{font-size:1.35em}.transport-controls button:hover:not(:disabled){background:linear-gradient(#2b1d12,#17100b);box-shadow:0 0 8px #e08e3024}.transport-controls button:disabled{opacity:.28;cursor:default}@keyframes transport-rise{0%{opacity:0;transform:translate(-50%,18px)scale(.985)}to{opacity:1;transform:translate(-50%)scale(1)}}.rotate-device-overlay{z-index:50;color:#d9b47c;letter-spacing:.18em;text-align:center;background:radial-gradient(circle at 50% 48%,#4f341c33,#0000 34%),#080706fb;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:14px;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.rotate-device-icon{border:2px solid #dcb77eb3;border-radius:7px;width:42px;height:68px;position:relative;transform:rotate(-90deg);box-shadow:0 0 12px #c985361f}.rotate-device-icon:after{content:"";background:#dcb77eb8;border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;bottom:5px;left:50%}.rotate-device-icon span{border-top:2px solid #dcb77e9e;border-right:2px solid #dcb77e9e;border-radius:0 16px 0 0;width:24px;height:24px;position:absolute;top:-14px;right:-18px}.future-node{width:var(--node-size,38px);aspect-ratio:1;cursor:pointer;border-radius:9px;padding:0}.future-node-hardware{display:block;position:absolute;top:18%;bottom:18%;left:18%;right:18%}.future-node-light{aspect-ratio:1;opacity:.8;background:#171311;border:1px solid #e6d2b138;border-radius:50%;width:18%;transition:background .12s,box-shadow .12s,opacity .12s;position:absolute;top:7%;right:7%;box-shadow:inset 0 0 3px #000000e6}.future-node.armed .future-node-light.light-magenta{opacity:1;background:#ff5fc8;box-shadow:0 0 4px #ff5fc8,0 0 9px #ff5fc8b3,inset 0 0 2px #ffffffb3}.future-node.armed .future-node-light.light-amber{opacity:1;background:#ffc36b;box-shadow:0 0 4px #ffc36b,0 0 9px #ffb250b3,inset 0 0 2px #ffffffb3}.future-node.push .future-node-hardware{background:radial-gradient(circle at 38% 35%,#ffcf83 0 8%,#8f4e28 23%,#33251d 52%,#0c0b0a 72%);border:1px solid #d5b27b6b;border-radius:50%;box-shadow:0 0 0 2px #00000059,inset 0 0 4px #000000bf}.future-node.toggle .future-node-hardware{background:linear-gradient(90deg,#282522,#5f574f 48%,#171513 52%);border:1px solid #dcc6a247;border-radius:3px;top:14%;bottom:14%;left:25%;right:25%;box-shadow:inset 0 0 3px #000c}.future-node.toggle .future-node-hardware:after{content:"";transform-origin:50% 100%;background:#a99272;border-radius:2px;width:32%;height:48%;transition:transform .16s;position:absolute;top:8%;left:34%;transform:rotate(-12deg);box-shadow:0 2px 3px #0009}.future-node.armed .future-node-hardware{filter:brightness(1.35)}.future-node.push.armed .future-node-hardware{box-shadow:0 0 7px #ff67cdbf,0 0 0 2px #0000004d}.future-node.toggle.armed .future-node-hardware:after{transform:rotate(20deg)}.node-a{left:var(--node-a-left);top:var(--node-a-top)}.node-b{top:563px;left:224px}.node-c{left:var(--node-c-left);top:var(--node-c-top)}.node-d{left:var(--node-d-left);top:var(--node-d-top)}.node-e{left:var(--node-e-left);top:var(--node-e-top)}.node-f{left:var(--node-f-left);top:var(--node-f-top)}.knob:focus-visible{outline-offset:2px;outline:1px solid #e0ae688c}.tuning-zone:focus-visible{outline-offset:2px;outline:1px solid #e0ae688c}.future-node:focus-visible{outline-offset:2px;outline:1px solid #e0ae688c}.power-hit:focus-visible{outline-offset:2px;outline:1px solid #e0ae688c}.scene-frame.mode-c .scene-atmosphere{opacity:.75;filter:saturate(1.05)brightness(1.02)}.scene-frame.mode-c .scene-art{filter:contrast(1.03)saturate(1.05)brightness(1.03)}.scene-frame.mode-d .scene-shade{background:radial-gradient(circle at 50% 53%,#0000 32%,#0003 70%,#00000075 100%),repeating-linear-gradient(#ffffff05 0 2px,#0000 2px 5px)}.scene-frame.mode-d .scene-atmosphere{opacity:.22;mix-blend-mode:soft-light}.scene-frame.mode-e .scene-shade{background:radial-gradient(circle at 50% 54%,#0000 26%,#0000000f 44%,#00000047 78%,#00000085 100%),linear-gradient(#0705042e,#0705041a 34%,#0705044d)}.scene-frame.mode-f .scene-atmosphere{opacity:.42}.scene-frame.mode-f .dynamic-tuner{box-shadow:0 0 var(--signal-glow,6px) #ffc45ce6, 0 0 12px #ff772b47}.scene-frame.mode-f .notice,.scene-frame.mode-f .transport-window{border-color:#ffc6746b;box-shadow:0 0 0 1px #ffd48a1a,0 16px 38px #00000085,inset 0 0 20px #ff9c350f}.future-node{background:#0c0a081f;box-shadow:inset 0 0 0 1px #e5cba214,0 0 0 1px #0000002e}.scene-portrait .future-node{width:var(--node-size,44px)}.notice{z-index:5;left:50%;top:var(--notice-top,74.8%);min-width:0;max-width:var(--notice-width,365px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f0dfc5;letter-spacing:.025em;text-align:center;opacity:0;pointer-events:none;white-space:normal;overflow-wrap:anywhere;background:#0c0908d6;border:1px solid #ffd6963d;border-radius:5px;padding:.72rem 1.18rem;font-size:20px;font-weight:600;line-height:1.22;transition:all .16s;position:absolute;bottom:auto;transform:translate(-50%,10px);box-shadow:0 4px 18px #00000047,inset 0 0 0 1px #ffd6960d}.notice.show{opacity:1;transform:translate(-50%)}.scene-portrait .notice{max-width:min(var(--notice-width,460px), 82%);border-radius:8px;padding:.58rem .95rem;font-size:14px;line-height:1.2}.scene-landscape .notice{max-width:min(var(--notice-width,660px), 72%)}.scene-portrait .notice{border-radius:10px;padding:.76rem 1.12rem;font-size:16px;line-height:1.22}.scene-landscape .transport-kicker{font-size:clamp(10px,.82vw,13px)}.scene-landscape .transport-title{font-size:clamp(18px,1.4vw,24px)}.scene-landscape .transport-controls button{letter-spacing:.07em;font-size:clamp(14px,1vw,16px)}.scene-portrait .transport-window{border-radius:10px;gap:16px;width:min(88%,680px);min-height:24%;padding:18px 18px 20px}.scene-portrait .transport-window-header{padding-bottom:12px}.scene-portrait .transport-kicker{font-size:11px}.scene-portrait .transport-title{white-space:normal;font-size:clamp(18px,4.8vw,24px);line-height:1.1}.scene-portrait .transport-station{font-size:14px}.scene-portrait .transport-controls button{border-radius:6px;height:60px;padding:0 14px;font-size:14px}.dynamic-tuner{opacity:var(--signal-opacity,.82);box-shadow:0 0 var(--signal-glow,3px) #f4ad41b8}.tuning-zone.fringe .dynamic-tuner{background:#f7c26af2}.tuning-zone.locked .dynamic-tuner{box-shadow:0 0 var(--signal-glow,5px) #e1302ad1, 0 0 7px #9614126b;background:#dc302afa}@media (hover:none) and (pointer:coarse){.tuning-glass-controller:before{pointer-events:auto;top:-95%;bottom:-95%;left:-8%;right:-8%}.transport-window{border-radius:8px;gap:14px;padding:15px 17px 17px}.scene-portrait .transport-window{top:var(--transport-top,17.5%);width:min(82%,640px);min-height:20%}.scene-landscape .transport-window{width:min(68%,720px);min-height:24%}.transport-window-header{padding-bottom:11px}.transport-heading{grid-template-columns:1fr auto;grid-template-areas:"kicker station""title station";row-gap:3px}.transport-kicker{grid-area:kicker;font-size:9px}.transport-title{grid-area:title;font-size:clamp(14px,2.1vw,18px)}.transport-station{grid-area:station;align-self:center;font-size:11px}.transport-close{width:44px;height:44px;font-size:30px}.transport-progress-row{gap:12px;font-size:11px}.transport-scrubber{height:34px}.transport-controls{gap:12px}.transport-controls button{border-radius:5px;gap:7px;height:54px;padding:0 10px;font-size:clamp(10px,1.55vw,13px)}}@media (prefers-reduced-motion:reduce){.transport-window{animation:none!important}.future-node-light,.future-node-hardware{transition:none!important}}.rotate-device-overlay{display:none!important}.app-landscape .notice{border-radius:9px;max-width:min(660px,72%);padding:.72rem 1.17rem;font-size:20px;line-height:1.2}.app-portrait .notice{max-width:min(var(--notice-width,460px), 82%);border-radius:10px;padding:.76rem 1.12rem;font-size:16px;line-height:1.22}.scene-landscape .transport-heading{flex:auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px}.scene-landscape .transport-kicker{letter-spacing:.08em;font-size:20px}.scene-landscape .transport-title{min-width:0;font-size:37px;line-height:1.1}.scene-landscape .transport-station{font-size:23px}.scene-landscape .transport-progress-row{font-size:16px}.scene-landscape .transport-controls button{font-size:19px}.scene-portrait .transport-window{top:var(--transport-top);border-radius:10px;grid-template-rows:auto auto auto;gap:12px;min-height:0;padding:18px 19px 20px}.scene-portrait .transport-window-header{align-items:center;gap:12px;padding-bottom:10px}.scene-portrait .transport-heading{flex:auto;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:none;align-items:center;gap:12px;display:grid}.scene-portrait .transport-kicker{letter-spacing:.045em;grid-area:auto;font-size:20px}.scene-portrait .transport-title{white-space:nowrap;text-overflow:ellipsis;grid-area:auto;min-width:0;font-size:42px;line-height:1.05;overflow:hidden}.scene-portrait .transport-station{grid-area:auto;align-self:center;font-size:25px}.scene-portrait .transport-close{width:54px;height:54px;font-size:36px}.scene-portrait .transport-progress-row{gap:11px;font-size:23px}.scene-portrait .transport-scrubber{height:44px}.scene-portrait .transport-controls{gap:13px}.scene-portrait .transport-controls button{letter-spacing:.025em;border-radius:6px;gap:10px;height:82px;padding:0 10px;font-size:25px}.scene-portrait .transport-controls button>span:first-child{font-size:1.32em}.scene-landscape.show-hotspot-guides .hardware-hotspot:after,.scene-landscape.show-hotspot-guides .signal-button-hit:after{content:none}