@font-face{font-family:D-DIN;src:url(/fonts/D-DIN.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:D-DIN;src:url(/fonts/D-DIN-Bold.otf) format("opentype");font-weight:700;font-display:swap}:root{--accent: #ff2a2a;--accent-core: #ffc4c4;--accent-text: #e0292b;--label: #9e9e9e;--label-bright: #b0b0b0;--unit: #6c6c6c;--scale: #8e8e8e;--value: #c6c6c6;--engraving: #5c5c5c;--text-hi: #dcdcdc;--surface-top: #282828;--surface-bottom: #161616;--panel-hi: #2d2d2d;--panel-mid: #1f1f1f;--panel-lo: #0e0e0e;--well: #0c0c0c;--tab-h: 58px;color-scheme:dark}*{box-sizing:border-box}html{background:var(--surface-bottom);-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;color:var(--value);font-family:D-DIN,DIN Alternate,Bahnschrift,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;background:radial-gradient(90% 55% at 55% 0%,rgb(255 255 255 / .07),transparent 70%),linear-gradient(var(--surface-top),var(--surface-bottom) 85%);background-attachment:fixed}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}button{font:inherit;color:inherit}.app{visibility:visible;max-width:440px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 14px) 16px calc(var(--tab-h) + env(safe-area-inset-bottom) + 18px)}.engr{color:var(--label);font-size:11px;letter-spacing:.22em}.masthead{display:flex;align-items:center;gap:12px;margin-bottom:16px}.logo{width:36px;height:36px;flex:none;fill:none;stroke-linecap:round;stroke-linejoin:round}.logo circle{fill:#2e2e2e;stroke:#111;stroke-width:1.5}.logo path{stroke:#cfcfcf;stroke-width:2.2}.brand h1{margin:0;font-size:26px;line-height:1;font-weight:700;letter-spacing:.05em;color:#cdcdcd}.brand p{margin:4px 0 0;font-size:11px;letter-spacing:.42em;color:var(--scale)}.play.micro{display:none;width:30px;height:30px;margin-left:auto}body[data-tab=singer] .play.micro{display:block}body[data-tab=singer] .onair{margin-left:10px}.onair{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.22em;color:var(--unit)}.onair i{width:8px;height:8px;border-radius:50%;background:#3a2222;box-shadow:inset 0 1px 1px #0009;transition:background .3s,box-shadow .3s}.onair.on{color:var(--label-bright)}.onair.on i{background:#ff4a40;box-shadow:0 0 6px 1px #ff2a2abf,0 0 14px #ff2a2a59}.screen{position:relative;border-radius:18px;padding:14px 14px 16px;background:linear-gradient(225deg,var(--panel-hi) 0%,var(--panel-mid) 38%,var(--panel-lo) 100%);box-shadow:0 16px 30px #00000080,0 3px 6px #00000073,inset 0 1px #ffffff29,inset 1px 0 #ffffff0d,inset -4px 0 #0000008c}.np{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:center}.art{position:relative;width:104px;aspect-ratio:1;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#1b1b1b,var(--well) 75%);box-shadow:inset 0 2px 8px #000000d9,0 1px #ffffff12;display:grid;place-items:center}.art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.art-empty{width:52%;fill:none;stroke-linecap:round;stroke-linejoin:round}.art-empty circle{stroke:#262626;stroke-width:1.2}.art-empty path{stroke:#3b3b3b;stroke-width:1.8}.np-text{min-width:0}.title{margin:6px 0 4px;font-size:19px;line-height:1.15;font-weight:700;color:var(--text-hi);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}.artist,.album{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.artist{font-size:15px;color:var(--label-bright)}.album{margin-top:3px;font-size:12px;letter-spacing:.04em;color:var(--unit)}.progress{margin-top:16px}.groove{height:4px;border-radius:2px;background:var(--well);box-shadow:inset 0 1px 2px #000000e6,0 1px #ffffff0f;overflow:hidden}.groove i{display:block;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#c51f1f,var(--accent) 70%,#ff7a6e);box-shadow:0 0 8px #ff2a2ab3;transition:transform .5s linear}.times{display:flex;justify-content:space-between;margin-top:7px;font-size:11px;color:var(--scale);font-variant-numeric:tabular-nums;letter-spacing:.04em}.leds{display:block;width:100%;height:16px;margin-top:12px}.transport{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:20px 0 8px}.side{display:flex;flex-direction:column;align-items:center;gap:4px}.side .engr{text-align:center;line-height:1.5}.side .engr b{display:block;font-weight:700;color:var(--unit)}.play{--energy: 0;width:168px;height:168px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;touch-action:manipulation}.play svg{display:block;width:100%;height:100%;overflow:visible}.play:active svg{transform:scale(.985)}.play:focus-visible{outline:2px solid rgb(255 42 42 / .55);outline-offset:6px}.play .icon-play,.play .icon-stop{fill:#c8c8c8;filter:drop-shadow(0 -1px 0 rgb(0 0 0 / .7)) drop-shadow(0 1px 0 rgb(255 255 255 / .08))}.play .icon-stop{display:none}.play:not([data-state=stopped]) .icon-play{display:none}.play:not([data-state=stopped]) .icon-stop{display:inline}.play .ring{opacity:0;transition:opacity .45s ease;transform-origin:100px 100px}.play .ring circle{fill:none}.ring-glow{stroke:var(--accent);stroke-width:14;opacity:calc(.35 + var(--energy) * .6)}.ring-under{stroke:var(--accent);stroke-width:4.5}.ring-core{stroke:var(--accent-core);stroke-width:1.8}.play[data-state=playing] .ring{opacity:1}.play[data-state=loading] .ring{opacity:1;animation:spin 1.1s linear infinite}.play[data-state=loading] .ring circle{stroke-dasharray:110 471}@keyframes spin{to{transform:rotate(360deg)}}.pbutton{width:64px;height:64px;padding:0;border:0;background:none;cursor:pointer;touch-action:manipulation}.pbutton svg{display:block;width:100%;height:100%;overflow:visible}.pbutton .led,.pbutton .led-glow{fill:none;transition:opacity .25s,stroke .25s}.pbutton .led{stroke:#3a2020;stroke-width:2.5}.pbutton .led-glow{stroke:var(--accent);stroke-width:7;opacity:0}.pbutton.on .led{stroke:#ff7066}.pbutton.on .led-glow{opacity:.85}.pbutton:focus-visible{outline:2px solid rgb(255 42 42 / .55);outline-offset:4px;border-radius:50%}.pbutton.on+.engr b{color:var(--accent-text)}.knob{position:relative;touch-action:none;cursor:ns-resize;outline:none;user-select:none;-webkit-user-select:none}.knob-svg{display:block;overflow:visible}.knob-readout{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#b2b2b2;font-variant-numeric:tabular-nums;pointer-events:none}.knob:focus-visible .knob-svg{filter:drop-shadow(0 0 5px rgb(255 42 42 / .6))}.upnext{margin-top:14px}.bracket{display:flex;align-items:flex-start;gap:12px;margin:0 0 4px;font-size:11px;font-weight:400;letter-spacing:.22em;color:var(--label)}.bracket:before,.bracket:after{content:"";flex:1;height:8px;margin-top:6px;border-top:1px solid var(--engraving);box-shadow:inset 0 1px #00000080}.bracket:before{border-left:1px solid var(--engraving)}.bracket:after{border-right:1px solid var(--engraving)}.upnext ol{list-style:none;margin:0;padding:0}.upnext li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 4px;border-bottom:1px solid rgb(0 0 0 / .55);box-shadow:0 1px #ffffff09}.upnext li:last-child{border-bottom:0;box-shadow:none}.upnext .n{font-size:13px;color:var(--accent-text);font-variant-numeric:tabular-nums}.upnext .text{display:grid;min-width:0}.upnext .text b,.upnext .text span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.upnext .text b{font-size:15px;color:var(--value)}.upnext .text span{font-size:13px;color:var(--unit)}.upnext .dur{font-size:13px;color:var(--scale);font-variant-numeric:tabular-nums}.upnext .empty{display:block;color:var(--unit);font-size:13px}.powered{margin:22px 0 0;text-align:center;font-size:11px;letter-spacing:.12em;color:var(--unit)}.powered b{color:var(--label)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(3,minmax(0,150px));justify-content:center;padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(#1e1e1e,#121212);border-top:1px solid #050505;box-shadow:inset 0 1px #ffffff12,0 -10px 24px #00000073}.tab{position:relative;height:var(--tab-h);border:0;background:none;color:var(--unit);font-size:13px;font-weight:700;letter-spacing:.26em;cursor:pointer;touch-action:manipulation;transition:color .2s}.tab.active{color:#e6e6e6}.tab:after{content:"";position:absolute;top:-1px;left:32%;right:32%;height:2px;border-radius:1px;background:var(--accent);box-shadow:0 0 10px 1px #ff2a2aa6;opacity:0;transition:opacity .2s}.tab.active:after{opacity:1}.tab:focus-visible{outline:2px solid rgb(255 42 42 / .55);outline-offset:-6px;border-radius:8px}@media(hover:hover){.tab:hover{color:#e6e6e6}}@media(prefers-reduced-motion:reduce){.play[data-state=loading] .ring{animation:none}.groove i,.play .ring{transition:none}}.view.singer{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto auto auto;height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - var(--tab-h) - 96px);min-height:360px}.view.singer[hidden]{display:none}.singer-stage{position:relative;min-height:0;border-radius:18px;overflow:hidden;background:radial-gradient(70% 60% at 50% 40%,#1d1b1b,#0f0f0f 80%);box-shadow:inset 0 2px 12px #000c,0 1px #ffffff0d}.singer-stage canvas{display:block;width:100%;height:100%}.singer-error{display:grid;place-items:center;padding:24px;text-align:center;color:var(--unit);font-size:14px}.singer-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.singer-controls .chip{padding:8px 14px;border:1px solid #383838;border-radius:999px;background:linear-gradient(#2f2f2f,#212121);color:var(--label);font-size:12px;letter-spacing:.16em;cursor:pointer}.singer-controls .chip.on{border-color:var(--accent);color:#f0f0f0;box-shadow:0 0 10px #ff2a2a73}.singer-diag{margin-top:8px;text-align:center;font-size:11px;letter-spacing:.06em;color:var(--unit);font-variant-numeric:tabular-nums;min-height:1.4em}.tune-bar{display:flex;justify-content:center;margin-top:10px}.tune-btn{display:flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid #383838;border-radius:999px;background:linear-gradient(#2f2f2f,#212121);color:var(--label);font-size:11px;letter-spacing:.2em;cursor:pointer}.tune-btn .chev{width:7px;height:7px;border-right:1.5px solid var(--label);border-bottom:1.5px solid var(--label);transform:translateY(-2px) rotate(45deg);transition:transform .25s}.singer.tuning .tune-btn .chev{transform:translateY(2px) rotate(225deg)}.singer-panel[hidden],.singer-diag[hidden]{display:none}.singer-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:12px}.singer-meters{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center}.sbar{display:grid;gap:4px}.sbar .engr,.sslider .engr,.vowel-wrap .engr{font-size:10px}.sbar-track{position:relative;height:8px;border-radius:4px;background:#0b0b0b;box-shadow:inset 0 1px 2px #000000e6,0 1px #ffffff0d;overflow:hidden}.sbar-track i{display:block;height:100%;width:0;background:#8e8e8e}.sbar-track i.open{background:var(--accent);box-shadow:0 0 8px #ff2a2a99}.gate-mark{position:absolute;top:-2px;bottom:-2px;width:2px;margin-left:-1px;background:#e8e8e8}.sbar:first-child .gate-mark{display:none}.vowel-wrap{display:grid;justify-items:center;min-width:44px}.vowel{font-size:16px;color:var(--text-hi)}.sslider{display:grid;grid-template-columns:96px minmax(0,1fr) 40px;gap:10px;align-items:center}.sslider input{width:100%;accent-color:var(--accent)}.sslider b{font-size:12px;text-align:right;color:var(--value);font-variant-numeric:tabular-nums}.singer-panel .singer-controls{margin-top:2px;align-items:center}.hit-wrap{display:flex;align-items:center;gap:5px;margin-right:6px}.hit-wrap .engr{font-size:9px}.hit{width:9px;height:9px;border-radius:50%;background:#ff4a40;box-shadow:0 0 8px #ff2a2acc;opacity:.25}.dock-sentinel{height:1px;margin-bottom:-1px}.comp-dock{position:sticky;top:0;z-index:5;margin:0 -16px;padding:0 16px 12px;transition:box-shadow .2s,padding-top .2s}.comp-dock.stuck{background:linear-gradient(#262626,#1e1e1e);padding-top:calc(env(safe-area-inset-top) + 8px);box-shadow:0 10px 18px #0000008c,0 1px #000c}.comp-head{display:flex;align-items:center;gap:14px}.comp-head .brand h2{margin:0;font-size:23px;line-height:1;letter-spacing:.05em;color:#cdcdcd}.power-wrap{display:grid;grid-template-rows:54px auto;justify-items:center;align-items:center;gap:2px}.comp-head .brand{margin-right:auto}.power-wrap .pbutton.power{width:54px;height:54px}.play.mini{width:44px;height:44px}.play-state{font-size:10px;font-weight:700}.play.mini:not([data-state=stopped])+.play-state{color:var(--accent-text)}.power-state{font-size:10px;font-weight:700}.pbutton.on+.power-state{color:var(--accent-text)}.presets{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:10px -16px 0;padding:4px 16px 6px}.presets::-webkit-scrollbar{display:none}.chip,.hw-btn{flex:none;border:1px solid #383838;background:linear-gradient(#2f2f2f,#212121);color:var(--label);font-size:12px;letter-spacing:.16em;cursor:pointer;touch-action:manipulation;box-shadow:inset 0 1px #ffffff0f,0 2px 4px #0006;transition:color .2s,border-color .2s,box-shadow .2s}.chip{padding:10px 14px;border-radius:999px}.chip.on{border-color:var(--accent);color:#f0f0f0;box-shadow:0 0 10px #ff2a2a73,inset 0 0 6px #ff2a2a40}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.hw-btn{padding:11px 8px;border-radius:10px}.hw-btn.on{color:var(--text-hi);border-color:#555}.led-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;vertical-align:1px;background:#3a2222;box-shadow:inset 0 1px 1px #0009}.hw-btn.match.on .led-dot{background:#ff4a40;box-shadow:0 0 6px 1px #ff2a2abf}.chip:focus-visible,.hw-btn:focus-visible,.strip:focus-visible,.mode-toggle:focus-visible,.mode-label:focus-visible,.link-wheel:focus-visible{outline:2px solid rgb(255 42 42 / .55);outline-offset:3px}.bridge{margin-top:12px;padding:0}.strip{width:100%;padding:12px 14px;border:0;border-radius:inherit;background:none;display:grid;grid-template-columns:30px minmax(0,1fr) 74px 12px;gap:10px;align-items:center;text-align:left;color:inherit;cursor:pointer}.strip-labels{display:grid;grid-template-rows:1fr 1fr;height:44px;align-items:center;font-size:10px;letter-spacing:.16em;color:var(--label)}.strip-canvas{display:block;width:100%;height:44px}.strip-read{display:grid;justify-items:end;gap:1px;white-space:nowrap}.strip-read .engr{font-size:10px}.strip-lufs{font-size:20px;color:var(--text-hi);font-variant-numeric:tabular-nums}.strip-trim{min-height:1em;font-size:10px;letter-spacing:.06em;color:var(--unit)}.chev{width:8px;height:8px;justify-self:center;border-right:1.5px solid var(--label);border-bottom:1.5px solid var(--label);transform:translateY(-2px) rotate(45deg);transition:transform .25s}.bridge.open .chev{transform:translateY(2px) rotate(225deg)}.bridge-details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.2,.8,.2,1)}.bridge.open .bridge-details{grid-template-rows:1fr}.bridge-inner{min-height:0;overflow:hidden;padding:0 14px}.bridge.open .bridge-inner{padding-bottom:12px}.reads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;border-top:1px solid rgb(0 0 0 / .6);box-shadow:inset 0 1px #ffffff0a;padding-top:4px}.read{display:grid;gap:1px;padding:6px 0}.read .engr{font-size:9px}.read b{font-size:13px;color:var(--value);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bridge-foot{display:flex;align-items:center;gap:14px;margin-top:6px}.corr{display:flex;align-items:baseline;gap:6px}.corr .engr{font-size:9px}.corr-value{min-width:2.6em;font-size:13px;color:var(--value);font-variant-numeric:tabular-nums}.link.settling .engr{color:var(--accent-text);text-shadow:0 0 8px rgb(255 42 42 / .6)}.bal{flex:1;display:flex;align-items:center;gap:8px}.bal .engr{font-size:9px}.bal .hbar-track{flex:1}.dynamics{display:grid;grid-template-columns:128px minmax(0,1fr);gap:8px;margin-top:22px;align-items:start}.col-left{display:flex;flex-direction:column;align-items:center;gap:14px}.col-right{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding-right:40px}.kwrap{display:flex;flex-direction:column;align-items:center;gap:2px}.kwrap .knob{transition:opacity .25s}.kwrap.dim .knob{opacity:.4}.klabel{font-size:12px;letter-spacing:.18em;color:var(--label);white-space:nowrap}.klabel .unit{margin-left:.35em;letter-spacing:.06em;color:var(--unit)}.mode{display:flex;flex-direction:column;align-items:center;gap:6px}.mode-row{display:flex;align-items:center;gap:10px}.mode-toggle{width:40px;height:60px;padding:0;border:0;background:none;cursor:pointer;touch-action:manipulation}.toggle-img{display:block;width:40px;height:60px}.mode-labels{display:flex;flex-direction:column;gap:14px}.mode-label{padding:2px 0;border:0;background:none;text-align:left;font-size:12px;letter-spacing:.18em;color:var(--unit);cursor:pointer}.mode-label.on{color:var(--label-bright)}.release-row{display:flex;align-items:flex-end;gap:2px}.auto{display:flex;flex-direction:column;align-items:center;gap:3px;margin-bottom:18px}.auto .engr{font-size:10px}.pbutton.small{width:38px;height:38px}.col-right:after{content:"";position:absolute;right:19px;top:74px;bottom:74px;width:26px;border:1px solid var(--engraving);border-left:0;box-shadow:1px 1px #0006;pointer-events:none}.link{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:3px}.link .engr{font-size:10px}.link .arrow{font-size:8px;line-height:1;color:var(--unit)}.link-wheel{position:relative;width:40px;height:64px;overflow:hidden;border-radius:20px;background:url(/shabby/link_wheel.png) center / contain no-repeat;touch-action:none;cursor:ns-resize}.link-wheel .sheen{position:absolute;left:13px;right:13px;top:50%;height:3px;background:#ffffff1f;opacity:0;transition:opacity .2s}.link-wheel.dragging .sheen{opacity:1}.tone{margin-top:20px}.tone-row{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;margin-top:6px}.tone-col{display:flex;flex-direction:column;align-items:center;gap:4px}.bottom-row{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;margin-top:20px;padding-top:16px;border-top:1px solid rgb(0 0 0 / .6);box-shadow:inset 0 1px #ffffff0a}.comp.bypassed .knob-svg,.comp.bypassed .strip-canvas{filter:saturate(.15) brightness(.9)}.owner{margin-top:22px;padding-top:14px;border-top:1px solid rgb(0 0 0 / .6);box-shadow:inset 0 1px #ffffff0a}.owner a.hw-btn{display:block;text-align:center;text-decoration:none}.owner-note{margin:8px 0 0;font-size:12px;line-height:1.4;color:var(--unit);white-space:pre-wrap;overflow-wrap:anywhere}.seg{display:flex;padding:3px;border-radius:999px;background:#0d0d0d;box-shadow:inset 0 1px 3px #000c,0 1px #ffffff0f}.seg button{padding:5px 14px;border:0;border-radius:999px;background:none;font-size:11px;letter-spacing:.16em;color:var(--unit);cursor:pointer}.seg button.on{background:linear-gradient(#5b5b5b,#3d3d3d);color:#ececec;box-shadow:inset 0 1px #ffffff26}.hbar-track{position:relative;height:8px;border-radius:4px;background:#0b0b0b;box-shadow:inset 0 1px 2px #000000e6,0 1px #ffffff0d}.hbar-track:after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:#ffffff40}.hbar-track i{position:absolute;top:0;bottom:0;left:calc(50% - 2px);width:4px;border-radius:2px;background:var(--accent);box-shadow:0 0 8px #ff2a2a99}@media(prefers-reduced-motion:reduce){.bridge-details,.chev,.comp-dock{transition:none}}