.desk{--metal:#1e2924;--metal-deep:#111814;--ink:#efe6cf;--ink-2:#b5af99;--rule:#efe6cf29;--gold:#e3b84f;--led-g:#9fd96a;--led-a:#f2b640;--led-r:#ee5b3f;--lens-g:#27392c;--lens-a:#3c3423;--lens-r:#402720;--ease:cubic-bezier(.23, 1, .32, 1);color:var(--ink);font-family:var(--mono);background:linear-gradient(#25312b,#1b2520 70%);border:1px solid #0d1310;margin:24px 0 6px;box-shadow:inset 0 1px #ffffff14,0 4px #bdc2ae;container:desk/inline-size}.desk button{color:inherit}.desk button:disabled{opacity:1;cursor:default}.desk-head{flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 18px;display:flex}.desk[data-open=true] .desk-head{border-bottom:1px solid var(--rule)}.desk-title{margin-right:auto}.desk-title h3{font-family:var(--display);letter-spacing:1.5px;font-size:21px;line-height:1}.desk-title p{color:var(--ink-2);margin-top:5px;font-size:10px}.desk-lock{align-items:center;gap:6px;font-size:11px;display:flex}.desk-lock[data-locked=true]{color:var(--ink-2)}.desk-notice{color:var(--metal-deep);background:var(--led-a);margin:0;padding:9px 18px;font-size:11px}.desk-toggle{letter-spacing:1px;border:1px solid var(--rule);border-radius:3px;align-items:center;gap:6px;min-height:44px;padding:0 12px;font-size:10px;transition:background-color .15s;display:inline-flex}.desk-toggle:hover{background:#efe6cf0f}.desk-toggle svg{transition:transform .15s var(--ease)}.desk-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.desk :focus-visible{outline:2px solid var(--gold);outline-offset:3px}.desk-switch{min-height:44px;font:600 10px var(--mono);letter-spacing:1.2px;white-space:nowrap;transition:transform .12s var(--ease), box-shadow .12s var(--ease);background:linear-gradient(#343f39,#272f2b);border:1px solid #0b100d;border-radius:3px;align-items:center;gap:9px;padding:0 14px;display:inline-flex;box-shadow:inset 0 1px #ffffff21,0 2px #0b100d}.desk-switch:active:not(:disabled),.desk-switch[aria-pressed=true]{background:#222a26;transform:translateY(2px);box-shadow:inset 0 2px 3px #0006,0 0 #0b100d}.desk-switch:disabled{color:var(--ink-2)}.desk-switch.take{background:var(--ink);color:var(--metal-deep);box-shadow:0 2px #8d8670}.desk-led{--lit:var(--led-g);--lens:var(--lens-g);background:var(--lens);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:inset 0 1px 1px #0009}.desk-led.amber{--lit:var(--led-a);--lens:var(--lens-a)}.desk-led.red{--lit:var(--led-r);--lens:var(--lens-r)}[data-on=true]>.desk-led{background:radial-gradient(circle at 50% 45%, #fffbe8 0 20%, var(--lit) 60%);box-shadow:0 0 4px color-mix(in srgb, var(--lit) 70%, transparent)}.desk-section{padding:14px 18px 20px}.desk-section+.desk-section{border-top:1px solid var(--rule)}.desk-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.desk-label{letter-spacing:2px;color:var(--metal-deep);background:var(--ink);padding:3px 7px;font-size:10px;font-weight:700}.desk-state{color:var(--ink-2);margin-right:auto;font-size:10px}.desk-state[data-shaped=true]{color:var(--ink)}.desk-strips,.desk-details{grid-template-columns:repeat(5,minmax(0,1fr)) minmax(150px,1.5fr);display:grid}.desk-details{border-top:1px dashed var(--rule);margin-top:18px;padding-top:16px}.desk-details .strip:nth-child(2){grid-column:3}.desk-details .strip:nth-child(3){grid-column:4}.strip{flex-direction:column;align-items:center;gap:12px;min-width:0;padding:0 4px;display:flex}.desk-strips .strip+.strip{border-left:1px solid var(--rule)}.strip-name{letter-spacing:1.6px;white-space:nowrap;font-size:10px;font-weight:600}.desk-help{color:var(--ink-2);text-align:center;text-wrap:pretty;max-width:120px;font-size:10px;line-height:1.5}.desk-help[data-warn=true]{color:var(--led-a)}.desk-fx-row{flex-wrap:wrap;align-items:flex-start;gap:18px 34px;display:flex}.desk-fx-row .desk-help{text-align:left;flex:180px;align-self:center;max-width:280px}.knob{--size:76px;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.knob.small{--size:52px}.knob-dial{width:var(--size);height:var(--size);touch-action:none;cursor:ns-resize;-webkit-user-select:none;user-select:none;border-radius:50%;position:relative}.knob[data-readonly] .knob-dial{cursor:default}.knob-dial svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.knob-scale{fill:none;stroke:var(--rule);stroke-width:1.5px}.knob-tick{stroke:#efe6cf80;stroke-width:1.4px}.knob-value{fill:none;stroke:var(--gold);stroke-width:3.5px;stroke-linecap:round}.knob-zero{fill:var(--ink)}.knob-cap{background:radial-gradient(circle at 38% 30%,#4d5550,#262d29 58%,#161b18);border-radius:50%;position:absolute;inset:16%;box-shadow:0 0 0 1px #0a0f0c,inset 0 1px #ffffff3d,inset 0 -2px 3px #00000073,0 4px 5px #00000073}.knob[data-active] .knob-cap,.knob-dial:focus-visible .knob-cap{box-shadow:0 0 0 1.5px var(--gold), inset 0 1px 0 #ffffff3d, inset 0 -2px 3px #00000073, 0 4px 5px #00000073}.knob-dial:focus-visible{outline-offset:6px}.knob-cap i{background:var(--gold);border-radius:2px;width:3px;height:36%;margin-left:-1.5px;position:absolute;top:7%;left:50%}.knob-caption{letter-spacing:1.4px;color:var(--ink-2);font-size:9px}.knob-readout{font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;background:var(--metal-deep);border:1px solid #070a08;border-radius:2px;min-width:70px;padding:5px 6px;font-size:11px;position:relative;box-shadow:inset 0 1px 2px #00000080}.knob-readout:before{content:"";position:absolute;inset:-11px -5px}.knob-readout:not(:disabled):hover{border-color:var(--rule)}.knob-entry{z-index:5;background:var(--metal-deep);border:1px solid var(--gold);border-radius:4px;gap:4px;padding:6px;display:flex;position:absolute;top:calc(100% - 30px);box-shadow:0 10px 24px #00000059,0 1px 3px #0000004d}.knob-entry input{width:84px;height:44px;font:16px var(--mono);color:var(--ink);border:1px solid var(--rule);background:#0a0f0c;border-radius:2px;padding:0 8px}.knob-entry button{border:1px solid var(--rule);border-radius:2px;place-items:center;width:44px;height:44px;display:grid}.meters{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.meter-bridge{justify-content:center;gap:8px;height:184px;display:flex}.meter-pair{flex-direction:column;align-items:center;gap:4px;display:flex}.meter-name{letter-spacing:1.4px;height:12px;font-size:9px;line-height:12px}.meter-ladders{flex:1;gap:3px;display:flex}.meter-lr{height:10px;color:var(--ink-2);gap:3px;font-size:8px;line-height:10px;display:flex}.meter-lr span{text-align:center;width:10px}.ladder{--dir:to top;--across:to right;--seg:calc(100% / 30);background:repeating-linear-gradient(var(--dir), transparent 0 calc(var(--seg) - 1.5px), var(--metal-deep) calc(var(--seg) - 1.5px) var(--seg)), linear-gradient(var(--dir), var(--lens-g) 0 70%, var(--lens-a) 70% 90%, var(--lens-r) 90%);width:10px;height:100%;box-shadow:0 0 0 1px var(--metal-deep);position:relative}.ladder>i{background:repeating-linear-gradient(var(--dir), transparent 0 calc(var(--seg) - 1.5px), var(--metal-deep) calc(var(--seg) - 1.5px) var(--seg)), linear-gradient(var(--across), transparent 20%, #fffdeb80 50%, transparent 80%), linear-gradient(var(--dir), var(--led-g) 0 70%, var(--led-a) 70% 90%, var(--led-r) 90%);clip-path:inset(calc(100% - var(--p,0) * 100%) 0 0 0);position:absolute;inset:0}.ladder>.ladder-peak{opacity:.45}.ladder>.ladder-hold{clip-path:inset(calc(100% - var(--p,0) * 100%) 0 max(0%, calc(var(--p,0) * 100% - var(--seg))) 0)}.meter-scale{width:22px;margin:16px 0 14px;position:relative}.meter-scale span,.meter-scale small{left:0;right:0;bottom:calc(var(--at) * 100%);text-align:center;font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:8px;line-height:1;position:absolute;transform:translateY(50%)}.meter-scale small{letter-spacing:.5px;font-size:7px;bottom:-12px;transform:none}.meter-lamps{flex-wrap:wrap;gap:6px 12px;display:flex}.desk-lamp{letter-spacing:1px;color:var(--ink-2);white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.desk-lamp i{--lit:var(--led-r);background:var(--lens-r);border-radius:50%;width:9px;height:9px;box-shadow:inset 0 1px 1px #0009}.desk-lamp.amber i{--lit:var(--led-a);background:var(--lens-a)}.desk-lamp[data-on=true]{color:var(--ink)}.desk-lamp[data-on=true] i{background:radial-gradient(circle at 50% 45%, #fffbe8 0 20%, var(--lit) 60%);box-shadow:0 0 4px color-mix(in srgb, var(--lit) 70%, transparent)}.meter-foot{flex-direction:column;align-items:center;display:flex}.meter-status{min-height:14px;color:var(--led-a);text-align:center;font-size:10px}.meter-read{min-height:44px;color:var(--ink-2);text-underline-offset:3px;padding:0 8px;font-size:10px;text-decoration:underline}.meter-read:hover{color:var(--ink)}.meters[data-status=lost] .ladder,.meters[data-status=waiting] .ladder{opacity:.5}.desk-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.meters.compact{flex-direction:row;flex:0 220px;gap:8px;width:auto}.meters.compact .meter-bridge{flex-direction:column-reverse;flex:1;gap:3px;height:auto}.meters.compact .meter-pair{flex-direction:row;gap:6px}.meters.compact .meter-ladders{flex-direction:column;order:2}.meters.compact .meter-lr{flex-direction:column;height:auto;line-height:7px}.meters.compact .ladder{--dir:to right;--across:to top;width:100%;height:7px}.meters.compact .ladder>i{clip-path:inset(0 calc(100% - var(--p,0) * 100%) 0 0)}.meters.compact .ladder>.ladder-hold{clip-path:inset(0 calc(100% - var(--p,0) * 100%) 0 max(0%, calc(var(--p,0) * 100% - var(--seg))))}.meters.compact .meter-name{width:30px}.meters.compact .meter-scale{width:auto;height:9px;margin:0 0 0 52px}.meters.compact .meter-scale span{left:calc(var(--at) * 100%);bottom:0;right:auto;transform:translate(-50%)}.meters.compact .meter-scale small,.meters.compact .meter-read{display:none}.meters.compact .meter-foot{min-width:0}.meters.compact .meter-status:empty{display:none}@container desk (width<=640px){.desk-head{padding:12px 14px}.desk-section{padding:12px 14px 18px}.desk-strips,.desk-details{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.desk-details .strip:nth-child(n){grid-column:auto}.desk-strips .strip+.strip{border-left:0}.desk-strips .strip-meters{z-index:2;padding:10px 14px max(8px, env(safe-area-inset-bottom));background:var(--metal);border-top:1px solid var(--rule);order:99;grid-column:1/-1;margin:0 -14px;position:sticky;bottom:0}.strip-meters>.strip-name{display:none}.strip-meters .meters{flex-flow:wrap;align-items:center;gap:6px 14px}.strip-meters .meter-bridge{flex-direction:column;flex:100%;gap:4px;height:auto}.strip-meters .meter-pair{flex-direction:row;gap:6px}.strip-meters .meter-ladders{flex-direction:column;order:2}.strip-meters .meter-lr{flex-direction:column;gap:3px;height:auto;line-height:7px}.strip-meters .meter-name{width:42px}.strip-meters .ladder{--dir:to right;--across:to top;width:100%;height:7px}.strip-meters .ladder>i{clip-path:inset(0 calc(100% - var(--p,0) * 100%) 0 0)}.strip-meters .ladder>.ladder-hold{clip-path:inset(0 calc(100% - var(--p,0) * 100%) 0 max(0%, calc(var(--p,0) * 100% - var(--seg))))}.strip-meters .meter-scale{order:3;width:auto;height:9px;margin:0 0 0 64px}.strip-meters .meter-scale span{left:calc(var(--at) * 100%);bottom:0;right:auto;transform:translate(-50%)}.strip-meters .meter-scale small{display:none}.strip-meters .meter-foot{flex-direction:row;gap:8px;margin-left:auto}}.mc-preferences{border-bottom:1px solid var(--line);padding-bottom:22px}.mc-preferences+.setting-row{border-top:0;margin-top:0}.mc-owner{padding-bottom:4px}.mc-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mc-mode{border:1px solid #bdc6ad;grid-template-columns:repeat(3,1fr);min-width:0;margin:16px 0 0;padding:0;display:grid}.mc-mode label{cursor:pointer;justify-content:center;align-items:center;min-height:44px;font-size:12px;transition:background-color .15s cubic-bezier(.23,1,.32,1),color .15s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.mc-mode label+label{border-left:1px solid #bdc6ad}.mc-mode input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.mc-mode label:has(input:checked){background:var(--green);color:var(--paper)}.mc-mode label:has(input:focus-visible){outline-offset:2px;outline:2px solid #b9821f}.mc-note{color:var(--muted);text-wrap:pretty;margin:10px 0 0;font-size:11px;line-height:1.6}.mc-preview{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:18px;display:flex}.mc-preview .outline{min-height:38px;font-size:11px}.mc-usage,.mc-memory small{font-variant-numeric:tabular-nums}.mc-usage{font-family:var(--mono);color:var(--muted);font-size:10px}.mc-line{border:1px solid var(--line);background:#fcfbf6;margin:14px 0 0;padding:14px 16px}.mc-line blockquote{text-wrap:pretty;margin:0;font-size:15px;line-height:1.5}.mc-line figcaption{color:var(--muted);margin-top:8px;font-size:10px}.mc-memory{border-top:1px solid var(--line);margin-top:18px;padding-top:10px}.mc-memory summary{cursor:pointer;padding:8px 0;font-size:12px;font-weight:600}.mc-heading{margin-top:14px;font-size:11px;display:block}.mc-memory ul{margin:6px 0 0;padding:0;list-style:none}.mc-memory li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:12px;display:flex}.mc-memory li>span{min-width:0}.mc-memory em{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;font-style:normal;display:block;overflow:hidden}.mc-memory small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.mc-memory li .quiet{flex-shrink:0;min-height:32px}@media (width<=520px){.mc-memory li .quiet{min-height:44px}}.mc-notice{border:1px solid var(--line);background:#fcfbf6;flex-wrap:wrap;align-items:center;gap:10px 20px;margin:0 0 18px;padding:12px 14px;display:flex}.mc-notice p{text-wrap:pretty;flex:320px;margin:0;font-size:13px;line-height:1.5}.mc-notice-actions{flex-wrap:wrap;gap:8px 16px;display:flex}@media (width<=520px){.mc-notice-actions button{min-height:44px}}.mc-on-air{border:1px solid var(--line);background:#fcfbf6;margin:0 0 18px;padding:10px 13px 12px}.mc-on-air figcaption{font:9px var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.mc-on-air.live figcaption span{color:var(--green);font-weight:600}.mc-on-air time{font-variant-numeric:tabular-nums}.mc-on-air .quiet{min-height:32px;margin-left:auto;font-family:DM,Arial,sans-serif;font-size:11px}.mc-on-air blockquote{overflow-wrap:anywhere;text-wrap:pretty;margin:6px 0 0;font-size:15px;line-height:1.5}.mc-air-status{border:1px solid var(--line);margin-top:14px;padding:12px 14px;font-size:12px;line-height:1.5}.mc-air-status p{text-wrap:pretty;margin:0}.mc-air-status .mc-actions{flex-wrap:wrap;gap:8px 16px;margin-top:8px;display:flex}.mc-air-status .quiet{min-height:32px}@media (width<=520px){.mc-on-air .quiet,.mc-air-status .quiet{min-height:44px}}.mc-allowance{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:16px 0 0;display:grid}.mc-allowance div{padding:10px 0 10px 12px}.mc-allowance div:first-child{padding-left:0}.mc-allowance div+div{border-left:1px solid var(--line)}.mc-allowance dt{color:var(--muted);text-wrap:balance;font-size:10px}.mc-allowance dd{font:15px var(--mono);font-variant-numeric:tabular-nums;margin:4px 0 0}.mc-allowance dd small{color:var(--muted);font-size:10px}.mc-voice{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:10px;padding-top:10px;display:flex}.mc-voice small{color:var(--muted);font-size:10px}.mc-voice audio{width:100%;max-width:320px;height:36px}.mc-voice .quiet{min-height:32px}.mc-problems{border-top:0;padding-top:0}.mc-problems .mc-heading{color:var(--red)}.mc-memory .mc-blocked{color:#8a5a12}.mc-memory>.mc-note{margin-top:4px}.mc-joke-form{margin-top:14px}.mc-joke-form>label:first-child{margin-bottom:8px;font-size:11px;font-weight:600;display:block}.mc-joke-form input:not([type]){background:#fcfbf6;border:1px solid #cbd0bb;width:100%;padding:12px 13px;font-size:13px}.mc-count{font:10px var(--mono);font-variant-numeric:tabular-nums;color:var(--muted);margin-top:5px;display:block}.mc-joke-form fieldset{border:0;min-width:0;margin:14px 0 0;padding:0}.mc-joke-form legend{margin-bottom:6px;padding:0;font-size:11px;font-weight:600}.mc-joke-form fieldset div{flex-wrap:wrap;gap:0 16px;display:flex}.mc-joke-form fieldset label,.mc-keep{cursor:pointer;align-items:center;gap:8px;min-height:36px;font-size:12px;display:flex}.mc-joke-form input[type=checkbox]{accent-color:var(--green);margin:0}.mc-keep{color:var(--muted);margin-top:6px}.mc-joke-form .error-text{margin:8px 0 0}.mc-joke-form .outline{min-height:38px;margin-top:12px;font-size:11px}.mc-limits{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px;display:grid}.mc-limits label{flex-direction:column;gap:6px;font-size:11px;font-weight:600;display:flex}.mc-limits input{width:100%;font:13px var(--mono);font-variant-numeric:tabular-nums;background:#fcfbf6;border:1px solid #cbd0bb;padding:10px 11px}.mc-limits label small{font:10px var(--mono);color:var(--muted);font-weight:400}.mc-limits .error-text,.mc-limits-save{grid-column:1/-1;margin:0}.mc-limits-save{align-items:center;gap:12px;display:flex}.mc-limits-save .outline{min-height:38px;font-size:11px}.mc-limits-save small{color:var(--muted);font-size:11px}@media (width<=520px){.mc-limits{grid-template-columns:1fr}.mc-limits input,.mc-joke-form input:not([type]){font-size:16px}.mc-limits input,.mc-limits-save .outline,.mc-joke-form fieldset label,.mc-keep,.mc-voice .quiet{min-height:44px}.mc-allowance div{padding-left:8px}.mc-allowance dd small{margin-top:2px;display:block}}.live-banner{background:var(--red);color:#fff1db;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:18px;padding:11px 14px;font-size:12px;display:flex}.live-banner strong{font-weight:700}.live-banner>span:last-child{overflow-wrap:anywhere;margin-left:auto;font-weight:600}.live-banner.is-lost{color:#695025;background:#efe3c4;border:1px solid #d8c08a}.live-banner.is-lost>span:last-child{margin-left:0;font-weight:400}.live-panel{background:#e8ebde;border:1px solid #c8d0b9;margin-top:23px;padding:18px}.live-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.live-status{font-family:var(--mono);letter-spacing:1.1px;text-transform:uppercase;color:var(--muted);align-items:center;gap:7px;font-size:10px;font-weight:600;display:inline-flex}.live-status i{background:currentColor;border-radius:50%;width:7px;height:7px}.live-status.is-on-air{color:var(--red)}.live-status.is-waiting,.live-status.is-connecting,.live-status.is-lost{color:#8a6420}.live-detail{color:var(--muted);text-wrap:pretty;margin:8px 0 16px;font-size:11px;line-height:1.5}.live-input label{margin-bottom:7px;font-size:11px;font-weight:600;display:block}.live-input>div{gap:10px;display:flex}.live-input select{min-width:0;color:inherit;background:#f1f2e8;border:1px solid #bdc6ad;border-radius:0;flex:1;padding:10px 12px;font-size:12px}.live-input select:focus-visible{outline:2px solid #b9821f}.live-input small,.live-meter small{color:var(--muted);margin-top:7px;font-size:10px;display:block}.live-meter{gap:7px;margin:18px 0 0;display:grid}.live-meter-row{grid-template-columns:12px minmax(0,1fr) 42px;align-items:center;gap:10px;display:grid}.live-meter-side,.live-meter-db{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:10px}.live-meter-db{text-align:right}.live-meter-track{background:#d5dac8;height:10px;position:relative;overflow:hidden}.live-meter-fill{transform-origin:0;background:#5d7846;position:absolute;inset:0;transform:scaleX(0)}.live-meter-fill[data-zone=hot]{background:#c9a03a}.live-meter-fill[data-zone=clip]{background:var(--red)}.live-meter-target{background:var(--green);width:1px;position:absolute;top:0;bottom:0;left:90%}.live-warnings{color:#695025;background:#efe3c4;border:1px solid #d8c08a;margin:16px 0 0;padding:10px 12px 10px 28px;font-size:11px;line-height:1.5}.live-other{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:11px;display:flex}.live-actions{gap:10px;margin-top:18px;display:flex}.live-actions button:active:not(:disabled){transform:scale(.97)}.live-actions button{transition:transform .12s cubic-bezier(.23,1,.32,1)}.live-error{color:var(--red);margin-top:10px;font-size:11px}.live-note{color:var(--muted);margin-top:10px;font-size:10px;line-height:1.5}.live-record{border-top:1px solid #c8d0b9;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding-top:14px;display:flex}.live-record strong,.recording-title strong{font-size:12px}.live-record p{color:var(--muted);text-wrap:pretty;margin-top:5px;font-size:10px;line-height:1.5}.recordings{border-bottom:1px solid var(--line);padding-bottom:22px}.recording-empty,.recording-list p{color:var(--muted);text-wrap:pretty;margin:8px 0;font-size:11px;line-height:1.6}.recording-list{margin:14px 0 0;padding:0;list-style:none}.recording-list li{border-top:1px solid var(--line);padding:12px 0}.recording-title{align-items:baseline;gap:10px;display:flex}.recording-title span{font:9px var(--mono);text-transform:uppercase;font-variant-numeric:tabular-nums;margin-left:auto}.recording-actions{flex-wrap:wrap;gap:4px 16px;display:flex}.recording-actions .quiet{min-height:30px;font-size:10px}.recording-actions .quiet:disabled{opacity:.4}@media (width<=520px){.recording-actions .quiet{min-height:44px}.live-panel{padding:15px}.live-input>div{flex-direction:column}.live-input select{font-size:16px}.live-actions button,.live-input button{flex:1;min-height:44px}.live-banner>span:last-child{margin-left:0}}@media (prefers-reduced-motion:reduce){.live-actions button{transition:none}}@font-face{font-family:Barlow;src:url(/fonts/barlow-bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:DM;src:url(/fonts/dm-regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:DM;src:url(/fonts/dm-bold.ttf)format("truetype");font-weight:600 800;font-display:swap}@font-face{font-family:Plex;src:url(/fonts/plex.ttf)format("truetype");font-weight:400 600;font-display:swap}:root{--paper:#f3f0e7;--paper-raised:#fbfaf5;--paper-sunk:#e7e8db;--ink:#203d34;--muted:#5f665a;--line:#d9d9cb;--line-strong:#c3c9b4;--green:#183d32;--green-line:#2f5547;--stage-black:#0b110e;--on-dark:#f3efe4;--on-dark-muted:#a9bbae;--yellow:#ecc45d;--ochre:#d6a640;--red:#a93e31;--live:#e0735a;--mono:Plex, monospace;--display:Barlow, "Arial Narrow", sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--masthead-h:64px;--chat-w:320px;--info-w:264px;font-synthesis:none;color:var(--ink);background:var(--paper);font-family:DM,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--paper);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:0}button:disabled{cursor:default;opacity:.45}button,a,input,textarea,summary{outline-offset:3px}:focus-visible{outline:2px solid #b9821f}a{color:inherit;text-decoration:none}input,textarea{min-width:0;color:inherit}input::placeholder,textarea::placeholder{color:#7c8174}input[type=range]{accent-color:var(--yellow);cursor:pointer}h1,h2,h3,p{margin:0}svg{flex-shrink:0}.figures{font-variant-numeric:tabular-nums}.spin{animation:1.5s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}.quiet,.icon-button,.invite-button,.primary,.outline{justify-content:center;align-items:center;gap:8px;display:inline-flex}.quiet{min-height:36px;font-size:13px}.quiet:hover{color:var(--red)}.icon-button{border-radius:4px;min-width:36px;min-height:36px}.icon-button:hover{background:#203d3410}.primary{background:var(--green);color:var(--paper);flex-shrink:0;padding:12px 18px;font-size:14px;font-weight:600}.primary:hover{background:#295640}.outline{border:1px solid var(--line-strong);padding:10px 14px;font-size:13px;font-weight:600}.outline:hover{background:var(--paper-sunk)}.primary:active:not(:disabled),.outline:active:not(:disabled),.tune-button:active:not(:disabled),.go-live:active:not(:disabled),.mix-now:active:not(:disabled),.drop-button:active:not(:disabled){transform:scale(.97)}.switch{background:#b9c0ae;border-radius:11px;flex-shrink:0;width:36px;height:22px;padding:3px;transition:background-color .15s;position:relative}.switch span{width:16px;height:16px;transition:transform .15s var(--ease-out);background:#faf8ed;border-radius:50%;display:block}.switch:after{content:"";position:absolute;inset:-11px -4px}.switch.on{background:#5d7846}.switch.on span{transform:translate(14px)}.check{cursor:pointer;align-items:center;gap:10px;min-height:40px;font-size:13px;display:flex}.check input{width:18px;height:18px;accent-color:var(--green);flex-shrink:0}.lamp{background:var(--on-dark-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.auto .lamp{background:var(--yellow)}.live .lamp,.go-live.on .lamp{background:var(--live)}.avatar{color:#fbf8ee;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid}.micro{color:var(--muted);font-size:12px}.error-text{color:var(--red);margin-top:10px;font-size:13px}.app{min-height:100dvh}.masthead{z-index:20;height:var(--masthead-h);background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:0 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:-1px;align-items:center;gap:8px;font-size:28px;font-weight:700;line-height:1;display:flex}.view-switch{border:1px solid var(--line-strong);border-radius:6px;padding:3px;display:flex}.view-switch button{min-height:34px;color:var(--muted);border-radius:3px;padding:0 14px;font-size:13px;font-weight:600}.view-switch button[aria-pressed=true]{background:var(--green);color:var(--paper)}.header-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.chat-trigger{align-items:center;gap:8px;min-height:36px;font-size:14px;display:flex;position:relative}.chat-trigger i,.unread-badge{background:var(--yellow);color:#3b351c;border-radius:10px;padding:1px 6px;font-size:12px;font-style:normal;font-weight:600}.chat-trigger.has-unread{color:#8a3e22}.invite-button{border:1px solid var(--green);min-height:36px;padding:0 14px;font-size:13px;font-weight:700}.invite-button:hover{background:var(--green);color:var(--paper)}.station-shell{grid-template-columns:minmax(0,1fr);align-items:start;max-width:1800px;margin:0 auto;display:grid}.station-shell.chat-open{grid-template-columns:minmax(0, 1fr) var(--chat-w)}.station-shell.chat-collapsed{grid-template-columns:minmax(0,1fr) 56px}.station-surface{min-width:0;container:station/inline-size}.station-layout{grid-template-columns:minmax(0, 1fr) var(--info-w);align-items:start;padding-left:24px;display:grid}.station-main{min-width:0;padding:24px 24px 48px 0;container:main/inline-size}.info-sidebar{top:var(--masthead-h);max-height:calc(100dvh - var(--masthead-h));overscroll-behavior:contain;scrollbar-width:thin;border-left:1px solid var(--line);align-content:start;gap:32px;padding:24px 24px 32px;display:grid;position:sticky;overflow-y:auto}.connection-note{color:#5f4720;background:#e9d8b1;align-items:center;gap:10px;padding:10px 24px;font-size:13px;display:flex}.waiting{height:60dvh;color:var(--muted);justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex}.side-title{border-bottom:1px solid var(--line);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:baseline;padding-bottom:8px;font-size:12px;font-weight:600;display:flex}.people,.setlist{margin:0;padding:0;list-style:none}.person{align-items:center;gap:10px;padding:8px 0;display:flex}.person>span:last-child,.setlist li>span{min-width:0;display:grid}.person strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.person strong small{color:var(--muted);font-size:12px;font-weight:400}.person>span:last-child>span,.setlist li>span>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.setlist li{border-bottom:1px solid var(--line);gap:10px;padding:10px 0;display:flex}.setlist time{font-family:var(--mono);color:var(--muted);padding-top:1px;font-size:12px}.setlist strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.side-empty{color:var(--muted);padding-top:12px;font-size:13px}.stage-frame{background:var(--stage-black);color:var(--on-dark);position:relative;overflow:hidden}.stage-frame>:first-child{width:100%;height:100%;position:absolute;inset:0}.floor-stage{aspect-ratio:16/9}.floor-stage:fullscreen{aspect-ratio:auto;width:100%;height:100%}.monitor-stage{height:min(240px,31.25cqw)}.stage-chip,.stage-now{z-index:1;background:#0b110ecc;position:absolute;box-shadow:0 0 0 1px #f3efe41f}.stage-chip{align-items:center;gap:8px;max-width:calc(50% - 24px);padding:6px 12px;font-size:13px;font-weight:600;display:flex;top:16px}.stage-who{left:16px}.stage-here{font-variant-numeric:tabular-nums;right:16px}.stage-now{align-items:center;gap:12px;max-width:min(560px,100% - 32px);padding:10px 14px;display:flex;bottom:16px;left:16px}.stage-now img{object-fit:cover;outline-offset:-1px;outline:1px solid #ffffff1a;width:56px;height:56px}.stage-now>div{gap:2px;min-width:0;display:grid}.stage-now strong{-webkit-line-clamp:2;overflow-wrap:anywhere;text-wrap:balance;-webkit-box-orient:vertical;font-size:18px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.stage-now span{color:var(--on-dark-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.stage-tune.tune-button{z-index:1;min-height:56px;padding:0 32px;font-size:18px;position:absolute;top:50%;left:50%;translate:-50% -50%}.tune-button{background:var(--yellow);color:#1e3b30;min-width:128px;min-height:44px;transition:background-color .15s ease, transform .12s var(--ease-out);justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:14px;font-weight:700;display:inline-flex}.tune-button:hover:not(:disabled){background:#f4d17f}.listen{align-items:center;gap:8px 12px;display:flex}.listen .icon-button{min-width:44px;min-height:44px}.listen .icon-button:hover,.floor-controls .icon-button:hover{background:#ffffff14}.volume{color:var(--on-dark-muted);gap:2px;font-size:12px;display:grid}.volume output{color:var(--on-dark);font-variant-numeric:tabular-nums}.volume input{width:120px;height:24px;margin:0}.audio-error{color:#f4c388;width:100%;font-size:13px}.radio-transport{width:100%}.seek{align-items:center;height:24px;display:grid;position:relative}.progress-track{background:#f3efe42e;height:3px;overflow:hidden}.progress-track span{background:var(--yellow);height:100%;transition:width 1s linear;display:block}.seek-track{appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.seek-track::-webkit-slider-thumb{appearance:none;border:2px solid var(--green);background:var(--yellow);border-radius:50%;width:14px;height:14px}.seek-track::-moz-range-thumb{border:2px solid var(--green);background:var(--yellow);border-radius:50%;width:12px;height:12px}.seek-track:disabled{cursor:default;opacity:.45}.track-time{font-family:var(--mono);color:var(--on-dark-muted);justify-content:space-between;font-size:12px;display:flex}.transport-controls{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.transport-controls button,.deck-button{border:1px solid var(--green-line);font-variant-numeric:tabular-nums;align-items:center;gap:6px;min-height:40px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.transport-controls button:hover:not(:disabled),.deck-button:hover:not(:disabled){background:#ffffff10}.floor-bar{background:var(--green);color:var(--on-dark);padding:10px 20px 24px}.floor-controls{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:10px;display:flex}.up-next{flex:1;gap:2px;min-width:160px;display:grid}.up-next span{color:var(--on-dark-muted);font-size:12px}.up-next strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.floor-controls .icon-button{min-width:44px;min-height:44px}.drop{display:flex;position:relative}.drop-button{border:1px solid var(--yellow);min-height:44px;color:var(--yellow);transition:background-color .15s ease, transform .12s var(--ease-out);align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.drop-button:hover:not(:disabled){background:#ecc45d1f}.drop-caption{text-overflow:ellipsis;white-space:nowrap;color:var(--on-dark-muted);font-size:12px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.drop-caption:empty{display:none}.booth{gap:32px;display:grid}.rig{background:var(--green);color:var(--on-dark)}.golive{flex-wrap:wrap;align-items:center;gap:8px 24px;padding:12px 20px;display:flex}.golive-status{align-items:center;gap:10px;min-width:0;font-size:14px;display:flex}.golive-status strong{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-size:13px}.golive-meta{color:var(--on-dark-muted);flex-wrap:wrap;gap:4px 16px;font-size:13px;display:flex}.golive-meta span{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.go-live{background:var(--red);color:#fff4e6;min-height:44px;transition:background-color .15s ease, transform .12s var(--ease-out);align-items:center;gap:10px;margin-left:auto;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.go-live .lamp{background:#f1c1b3}.go-live:hover:not(:disabled){background:#bb4a3b}.go-live.on{color:var(--on-dark);box-shadow:inset 0 0 0 1px var(--on-dark-muted);background:0 0}.go-live.on:hover:not(:disabled){background:#ffffff10}.golive-note{color:var(--on-dark-muted);flex-basis:100%;font-size:12px}.monitor-bar{border-bottom:1px solid var(--green-line);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 20px;display:flex}.controller{grid-template-columns:minmax(0,1fr) minmax(216px,240px) minmax(0,1fr);grid-template-areas:"air mixer cue""pads pads pads";display:grid}.controller>section{min-width:0;padding:16px 20px 20px}.deck-air{grid-area:air}.mixer{border-inline:1px solid var(--green-line);grid-area:mixer}.deck-cue{grid-area:cue}.pads{border-top:1px solid var(--green-line);grid-area:pads;padding-bottom:36px}.deck-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:14px;display:flex}.deck-head h3,.deck-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.deck-head h3{color:var(--on-dark-muted);font-weight:600}.deck-tag{color:var(--ochre)}.deck-tag.on{color:var(--yellow)}.deck-state{color:var(--on-dark-muted);margin-left:auto;font-size:12px}.deck-track{align-items:center;gap:14px;min-width:0;margin-bottom:12px;display:flex}.platter{aspect-ratio:1;background:var(--stage-black);width:88px;box-shadow:0 0 0 1px var(--green-line);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.platter:after{content:"";background:var(--on-dark-muted);opacity:.6;width:2px;height:14%;position:absolute;top:7%;left:calc(50% - 1px)}.platter>span,.platter>img{aspect-ratio:1;border-radius:50%;width:42%}.platter>span{background:var(--ochre)}.platter>img{object-fit:cover;outline-offset:-1px;outline:1px solid #ffffff1a}.platter.turning{animation:1.8s linear infinite rotate}.deck-cue .platter{width:64px}.deck-title{gap:2px;min-width:0;display:grid}.deck-title strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:16px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.deck-title span,.deck-note{color:var(--on-dark-muted);font-size:13px}.deck-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.deck-note{border-top:1px solid var(--green-line);justify-content:space-between;gap:10px;padding-top:10px;display:flex}.fx-note{color:var(--on-dark-muted);text-align:center;text-wrap:pretty;margin-top:8px;font-size:12px}.station-id{border-top:1px solid var(--green-line);justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:12px;font-size:13px;display:flex}.station-id .switch{background:#4c6b5c}.station-id .switch.on{background:var(--yellow)}.mix-now{background:var(--on-dark);width:100%;min-height:48px;color:var(--green);transition:background-color .15s ease, transform .12s var(--ease-out);justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.mix-now:hover:not(:disabled){background:#fffaf0}.mix-now.voted{background:var(--yellow)}.mix-now .figures{background:var(--green);color:var(--on-dark);border-radius:8px;padding:0 6px;font-size:12px}.pad-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.pad{background:var(--stage-black);border:1px solid var(--green-line);text-align:left;width:100%;min-height:72px;transition:background-color .12s ease, transform .12s var(--ease-out);grid-template-columns:1fr auto;align-content:space-between;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;display:grid}.pad>span:last-child{grid-column:1/-1}.pad:hover:not(:disabled){background:#132019}.pad:active:not(:disabled){transform:scale(.97)}.pad-number{font-family:var(--mono);color:var(--ochre);font-size:12px}.drop-pad{display:block}.booth-library{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.panel-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding-bottom:10px;display:flex}.panel-head h2{font-family:var(--display);text-transform:uppercase;font-size:26px;line-height:1}.panel-head h2 .figures{font-family:var(--mono);color:var(--muted);margin-left:4px;font-size:13px;font-weight:400}.panel-head>span{color:var(--muted);font-size:13px}.rotation{gap:4px}.add-tune{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.add-note{color:var(--muted);flex-basis:100%;margin:0;font-size:13px}.add-note.error-text{color:var(--red);margin:0}.add-tune form{background:var(--paper-raised);border:1px solid var(--line-strong);flex:1;align-items:center;gap:10px;min-width:0;padding:0 6px 0 12px;transition:border-color .15s;display:flex}.add-tune form:focus-within,.chat-composer>div:focus-within{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.add-tune form>svg{color:var(--muted)}.add-tune input{background:0 0;border:0;outline:none;flex:1;width:100%;height:44px;font-size:14px}.add-tune form button{background:var(--yellow);width:34px;height:34px;color:var(--green);place-items:center;display:grid}.upload-button{border:1px solid var(--line-strong);justify-content:center;align-items:center;gap:8px;min-width:46px;height:46px;padding:0 14px;font-size:13px;display:flex}.upload-button:hover{background:var(--paper-sunk)}.compact .upload-button{padding:0}.compact .upload-button span{display:none}.tune-row{border-bottom:1px solid var(--line);grid-template-columns:22px 40px minmax(0,1fr) auto auto;grid-template-areas:"number cover info time actions"". .cues cues cues";align-items:center;column-gap:10px;min-width:0;padding:10px 0;display:grid}.tune-row[draggable=true]{cursor:grab}.tune-row.dragging{opacity:.5}.tune-number{font-family:var(--mono);color:var(--muted);grid-area:number;justify-content:center;font-size:11px;display:flex}.playing .tune-number{color:#4f6a3f}.tune-cover{background:var(--paper-sunk);width:40px;height:40px;color:var(--line-strong);grid-area:cover;place-items:center;display:grid}.tune-cover img{object-fit:cover;outline-offset:-1px;outline:1px solid #0000001a;width:100%;height:100%}.tune-info{grid-area:info;min-width:0}.tune-info strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:14px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.tune-info>span{color:var(--muted);overflow-wrap:anywhere;margin-top:2px;font-size:12px;line-height:1.45;display:block}.tune-info>span.failed{color:var(--red)}.in-crate,.save-to-crate{color:#4f6a3f;align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.save-to-crate{text-underline-offset:3px;min-height:28px;font-weight:600;text-decoration:underline}.tune-duration{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--muted);grid-area:time;font-size:11px}.tune-actions{grid-area:actions;align-items:center;gap:2px;display:flex}.tune-actions>button,.tune-menu summary{min-width:36px;height:36px;color:var(--muted);border-radius:3px;place-items:center;display:grid}.tune-actions>button:hover,.tune-menu summary:hover{background:var(--paper-sunk);color:var(--ink)}.tune-actions .retry-tune{color:var(--red);gap:4px;padding:0 6px;font-size:12px;display:flex}.tune-menu{position:relative}.tune-cues{flex-wrap:wrap;grid-area:cues;gap:2px 4px;margin:2px 0 -4px -6px;display:flex}.tune-cues button{min-height:28px;color:var(--green);border-radius:3px;align-items:center;gap:5px;padding:0 6px;font-size:12px;font-weight:600;transition:background-color .15s;display:inline-flex}.tune-cues button svg{color:var(--muted)}.tune-cues button:hover{background:var(--paper-sunk)}.tune-cues button:active{transform:scale(.97)}.guess{vertical-align:1px;cursor:help;border:1px solid;border-radius:50%;place-items:center;width:15px;height:15px;margin-left:5px;font-size:11px;font-weight:700;line-height:1;display:inline-grid}.tune-menu summary{cursor:pointer;list-style:none}.tune-menu summary::-webkit-details-marker{display:none}.tune-menu[open] summary{background:#dde6cd}.tune-menu>div{z-index:10;border:1px solid var(--line-strong);background:var(--paper-raised);width:200px;padding:4px;position:absolute;top:38px;right:0;box-shadow:0 12px 32px #183d3224,0 1px 3px #183d321f}.tune-menu>div button{text-align:left;width:100%;min-height:40px;padding:0 10px;font-size:13px;display:block}.tune-menu>div button:hover:not(:disabled){background:var(--paper-sunk)}.empty-crate{text-align:center;color:var(--muted);text-wrap:pretty;justify-items:center;gap:10px;padding:32px 12px;font-size:13px;display:grid}.lanes{display:grid}.lane{margin-top:16px}.booth-library:has(.tune-row.dragging) .lane.mine{outline:1px dashed var(--green);outline-offset:8px}.booth-library:has(.tune-row.dragging) .lane.mine.over{outline:2px solid var(--green);background:var(--paper-sunk);box-shadow:0 0 0 8px var(--paper-sunk)}.drop-hint{color:var(--green);margin-left:auto;font-size:12px;font-weight:600;display:none}.booth-library:has(.tune-row.dragging) .lane.mine .drop-hint{display:inline}.booth-library:has(.tune-row.dragging) .lane.mine .lane-head .figures{display:none}.lane-head{align-items:center;gap:10px;display:flex}.lane-head strong{font-size:15px}.lane-head .figures{color:var(--muted);margin-left:auto;font-size:12px}.lane .add-tune{margin-bottom:4px}.lane .tune-list{border-top:1px solid var(--line);margin-top:6px}.lane-empty{border-bottom:1px solid var(--line);color:var(--muted);padding:12px 0;font-size:13px}.chat-panel{top:var(--masthead-h);height:calc(100dvh - var(--masthead-h));border-left:1px solid var(--line);background:#f6f3eb;flex-direction:column;display:flex;position:sticky}.chat-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:14px 12px 14px 18px;display:flex}.chat-heading h2{font-family:var(--display);text-transform:uppercase;font-size:24px;line-height:1}.chat-heading-actions{gap:2px;display:flex}.messages{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:18px;overflow-y:auto}.chat-empty{text-align:center;color:var(--muted);padding:48px 0}.chat-empty h3{color:#4b6340;margin:14px 0 8px;font-size:16px}.chat-empty p{font-size:13px;line-height:1.6}.message{margin-bottom:18px}.message-meta{align-items:center;gap:10px;display:flex}.message-meta strong{font-size:13px}.message-meta time{font-family:var(--mono);color:var(--muted);font-size:12px}.message-meta button{width:28px;height:28px;color:var(--muted);place-items:center;margin-left:auto;display:grid}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px;font-size:14px;line-height:1.55}.track-reference{color:var(--muted);overflow-wrap:anywhere;align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.chat-new-messages{background:#f0d485;border-top:1px solid #d1b45e;justify-content:center;align-items:center;gap:8px;min-height:40px;font-size:13px;display:flex}.chat-composer{border-top:1px solid var(--line);padding:14px 16px 16px}.attach-track{min-height:32px;color:var(--muted);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.attach-track.attached{color:#3f6130}.chat-composer>div{border:1px solid var(--line-strong);background:var(--paper-raised);align-items:center;gap:10px;padding:8px;display:flex}.chat-composer textarea{resize:none;background:0 0;border:0;outline:none;flex:1;height:40px;font-size:14px;line-height:1.45}.chat-composer>div button{background:var(--green);width:40px;height:40px;color:var(--paper);place-items:center;display:grid}.chat-composer small{color:var(--muted);margin-top:8px;font-size:12px;display:block}.chat-rail{flex-direction:column;align-items:center;gap:16px;padding:16px 6px;display:flex}.chat-rail button{flex-direction:column;align-items:center;gap:14px;min-width:44px;min-height:44px;padding:6px 0;display:flex}.chat-rail span{writing-mode:vertical-rl;font:600 13px var(--mono);letter-spacing:.08em;text-transform:uppercase}.eyebrow{font-family:var(--mono);letter-spacing:.08em;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.signal-dot{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block}.entry-page{max-width:1420px;min-height:calc(100dvh - var(--masthead-h));grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin:0 auto;padding:48px 5%;display:grid}.entry-copy>.eyebrow{margin-bottom:28px}.entry-copy h1{font-family:var(--display);letter-spacing:-1px;text-transform:uppercase;font-size:clamp(56px,6.4vw,91px);line-height:.96}.entry-sub{color:var(--muted);margin:24px 0 28px;font-size:16px;line-height:1.7}.entry-art{text-align:center;max-width:560px}.entry-art img{mix-blend-mode:multiply;width:100%;display:block}.art-caption,.entry-footer{font-family:var(--mono);letter-spacing:.06em;color:var(--muted);font-size:12px}.entry-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:40px;padding-top:18px;display:flex}.join-form label,.rename-form label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.join-form>div,.rename-form>div{gap:10px;display:flex}.join-form input,.rename-form input{border:1px solid var(--line-strong);background:var(--paper-raised);flex:1;width:100%;padding:12px 13px;font-size:15px}.join-form small,.modal>small{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.6;display:block}.private-note{border:1px solid var(--line-strong);background:var(--paper-sunk);align-items:center;gap:14px;max-width:430px;padding:18px;display:flex}.private-note strong{font-size:14px}.private-note p{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.5}.toast{z-index:40;bottom:max(24px, env(safe-area-inset-bottom));color:#f1ecd8;background:#203d34;border:1px solid #96a07c;align-items:center;gap:16px;width:max-content;max-width:calc(100vw - 32px);padding:12px 12px 12px 18px;font-size:14px;display:flex;position:fixed;left:50%;translate:-50%;box-shadow:0 12px 32px #19312833,0 1px 3px #19312833}.toast button{color:#b4c39d;place-items:center;width:32px;height:32px;display:grid}.modal{border:1px solid var(--line-strong);background:var(--paper);width:500px;max-width:calc(100vw - 32px);color:var(--ink);padding:32px;position:fixed;box-shadow:0 30px 80px #0b251838,0 2px 6px #0b25181f}.modal::backdrop{background:#182d2573}.modal h2{font-family:var(--display);text-transform:uppercase;font-size:30px;line-height:1}.modal>p{color:var(--muted);margin-top:14px;font-size:14px;line-height:1.6}.modal>.check{margin-top:12px}.modal-close{position:absolute;top:12px;right:12px}.link-button{min-height:36px;color:var(--green);text-underline-offset:3px;font-size:13px;font-weight:600;text-decoration:underline}.modal.picker{width:600px}.modal.picker[open]{flex-direction:column;max-height:min(820px,100dvh - 32px);display:flex}.picker h2{overflow-wrap:anywhere;text-wrap:balance;padding-right:40px;font-size:26px;line-height:1.05}.picker>.picker-summary{color:var(--muted);text-wrap:pretty;margin-top:8px;font-size:13px}.picker-single{border-block:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:16px;padding:12px 0;font-size:13px;display:flex}.picker-single .error-text{flex-basis:100%;margin:0}.picker-tools{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:0 16px;margin-top:12px;display:flex}.picker-tools output{color:var(--muted);margin-left:auto;font-size:13px}.picker-list{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:132px;margin:0;padding:0;list-style:none;overflow-y:auto}.picker-list label{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;padding:8px 4px 8px 0;display:grid}.picker-list li:last-child label{border-bottom:0}.picker-list input{width:18px;height:18px;accent-color:var(--green);margin:0}.picker-list label>span:nth-child(2){gap:2px;min-width:0;display:grid}.picker-list strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;line-height:1.35;overflow:hidden}.picker-list label>span:nth-child(2)>span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.picker-list .figures{font-family:var(--mono);color:var(--muted);font-size:11px}.picker-list .unavailable{cursor:default}.picker-list .unavailable strong{color:var(--muted)}.picker-submit{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-top:16px;display:flex}.picker-submit p{color:var(--muted);font-size:13px}.picker-submit .error-text{color:var(--red);flex-basis:100%;margin:0}.details-form{gap:14px;margin-top:20px;display:grid}.details-form label{gap:6px;font-size:13px;font-weight:600;display:grid}.details-form input{border:1px solid var(--line-strong);background:var(--paper-raised);height:44px;padding:0 12px;font-size:14px;font-weight:400}.details-form>p{color:var(--muted);font-size:13px}.details-form>.error-text{margin:0}.details-actions{justify-content:flex-end;gap:8px;display:flex}.share-roles{gap:12px;margin:22px 0;display:flex}.share-roles>button{border:1px solid var(--line-strong);text-align:left;flex-direction:column;flex:1;gap:6px;padding:14px;display:flex}.share-roles>button.selected{background:var(--paper-sunk);border-color:#5c7650;box-shadow:inset 0 0 0 1px #5c7650}.share-roles strong{margin-top:4px;font-size:14px}.share-roles span{color:var(--muted);font-size:13px}.copy-field{gap:8px;display:flex}.copy-field input{border:1px solid var(--line-strong);background:var(--paper-raised);width:100%;font-family:var(--mono);padding:10px;font-size:12px}.rename-form{margin-top:24px}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-top:20px;display:flex}.setting-row strong,.member-access>strong{font-size:14px}.setting-row p{color:var(--muted);margin-top:4px;font-size:13px}.member-access{margin-top:24px}.member-access>div:not(.setting-row){border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:8px;padding:6px 0;font-size:14px;display:flex}.member-access small{color:var(--muted);margin-left:6px;font-size:12px}.revoke-links{text-underline-offset:3px;margin:10px 0;text-decoration:underline}.leave-station{color:var(--red);margin-top:28px}.importer-manager{padding-bottom:22px}.importer-device{border:1px solid var(--line);margin-bottom:14px;padding:14px}.importer-device-title{align-items:center;gap:8px;display:flex}.importer-device-title strong{font-size:14px}.device-light{background:#a4aa98;border-radius:50%;flex-shrink:0;width:8px;height:8px}.device-light.online{background:#658142}.device-status{font:12px var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-left:auto}.importer-device p,.importer-empty,.importer-waiting{color:var(--muted);margin:8px 0;font-size:13px;line-height:1.6}.device-actions{gap:16px;margin-top:8px;display:flex}.importer-manager>button{margin-top:8px}.pairing-setup{padding-top:20px}.pairing-setup p{margin:8px 0 14px;font-size:13px;line-height:1.6}.pairing-setup label{margin:18px 0 8px;font-size:13px;display:block}.pairing-name,.copy-setup,.pairing-code{border:1px solid var(--line);background:var(--paper-raised);align-items:center;gap:10px;padding:10px;display:flex}.pairing-name input{background:0 0;border:0;flex:1;min-width:0;padding:5px}.copy-setup code{font:12px/1.7 var(--mono);overflow-wrap:anywhere}.copy-setup button,.pairing-code button{flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.pairing-code{justify-content:space-between}.pairing-code code{font:16px var(--mono);letter-spacing:1px}.pairing-setup small{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.6;display:block}@container station (width<=860px){.station-layout{grid-template-columns:minmax(0,1fr);padding:0 24px}.station-main{padding-right:0}.info-sidebar{border-left:0;border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;padding:24px 0 40px;position:static;overflow:visible}}@container station (width<=560px){.info-sidebar{grid-template-columns:minmax(0,1fr)}}@container main (width<=840px){.platter{width:64px}.deck-cue .platter{width:52px}}@container main (width<=680px){.controller{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"air cue""mixer mixer""pads pads"}.mixer{border-inline:0;border-top:1px solid var(--green-line);grid-template-columns:176px minmax(0,1fr);align-content:start;column-gap:24px;display:grid}.mixer>.deck-head{grid-column:1/-1}.mixer>.fx-note{text-align:left}.deck-air{border-right:1px solid var(--green-line)}}@container main (width<=640px){.booth-library{grid-template-columns:minmax(0,1fr)}}@container main (width<=560px){.floor-stage{aspect-ratio:4/5}.stage-chip{padding:6px 10px;top:12px}.stage-who{max-width:calc(100% - 120px);left:12px}.stage-here{right:12px}.stage-now{max-width:calc(100% - 24px);bottom:12px;left:12px}.stage-now strong{font-size:16px}.floor-bar,.golive,.monitor-bar{padding-inline:16px}.controller{grid-template-columns:minmax(0,1fr);grid-template-areas:"air""mixer""cue""pads"}.controller>section{padding-inline:16px}.deck-air{border-right:0}.deck-cue{border-top:1px solid var(--green-line)}.mixer{display:block}.fx-note{text-align:left}.pad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.go-live{justify-content:center;width:100%;margin-left:0}.fullscreen{display:none}.volume input{width:100px}}@media (width<=1300px){:root{--chat-w:288px;--info-w:240px}}@media (width<=760px){:root{--masthead-h:56px}.masthead{gap:10px;padding:0 16px}.brand{min-height:44px;font-size:23px}.brand svg{display:none}.view-switch button{min-height:44px;padding:0 10px}.header-actions{gap:4px}.chat-trigger,.invite-button{border:0;justify-content:center;min-width:44px;min-height:44px;padding:0}.chat-trigger span,.invite-button span{display:none}.chat-trigger i{width:10px;height:10px;padding:0;font-size:0;position:absolute;top:8px;right:6px}.icon-button{min-width:44px;min-height:44px}.primary,.outline,.copy-field input{min-height:44px}.station-shell.chat-open,.station-shell.chat-collapsed{grid-template-columns:minmax(0,1fr)}.station-layout{padding:0 16px}.station-main{padding:16px 0 32px}.connection-note{padding-inline:16px}.chat-panel{border:1px solid var(--line);height:70dvh;min-height:400px;margin:0 16px 32px;position:relative;top:auto}.chat-panel.minimized{height:auto;min-height:0}.chat-rail{flex-direction:row;justify-content:space-between;padding:6px 10px}.chat-rail button{flex-direction:row}.chat-rail span{writing-mode:horizontal-tb}.chat-composer{padding-bottom:max(16px, env(safe-area-inset-bottom))}.chat-composer textarea,.volume input{height:44px}.seek:has(.seek-track){height:44px}.add-tune form button,.chat-composer>div button,.toast button{width:44px;height:44px}.add-tune input,.details-form input,.chat-composer textarea,.join-form input,.rename-form input,.copy-field input,.pairing-name input{font-size:16px}.tune-actions>button,.tune-menu summary,.transport-controls button,.deck-button,.message-meta button,.save-to-crate,.tune-cues button,.tune-menu>div button,.attach-track,.link-button,.check,.quiet{min-height:44px}.tune-actions>button,.tune-menu summary,.message-meta button{min-width:44px}.entry-page{grid-template-columns:1fr;align-content:start;gap:0;padding:40px 6%}.entry-art{grid-row:1;justify-self:center;width:240px;margin:-24px 0 12px}.entry-art .art-caption{display:none}.entry-copy h1{font-size:54px}.join-form>div{flex-direction:column}.modal{padding:28px 20px}.share-roles{gap:8px}.copy-field{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
