:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#02060a;--panel:#050c11f0;--panel-soft:#081017e0;--panel-strong:#071019;--line:#85a8be38;--line-strong:#45b0ff94;--text:#eef6ff;--muted:#8d9ca8;--subtle:#667684;--blue:#168cff;--cyan:#63dfff;--red:#ff4b55;--amber:#ffad28;--green:#5fd376;--shadow:0 28px 80px #0000009e;--radius:8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 50% 0,#0f4b7647,#0000 34%),linear-gradient(#061018 0%,#02060a 100%);margin:0;overflow-x:hidden}button,input{font:inherit}button{border:0}button,input[type=range]{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.radio-app{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:18px 18px;grid-template-columns:306px minmax(620px,1fr) 394px;gap:4px;min-height:100vh;padding:6px;display:grid}@media (width>=1041px){.radio-app{height:100vh;min-height:720px;overflow:hidden}.playlist-shell,.cockpit-shell,.guidance-shell{height:calc(100vh - 12px);min-height:708px}}.playlist-shell,.cockpit-shell,.guidance-shell,.rail-panel,.transport-shell{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.playlist-shell,.cockpit-shell,.guidance-shell{border-radius:var(--radius);overflow:hidden}.playlist-shell{flex-direction:column;display:flex}.panel-header,.rail-header{background:linear-gradient(#ffffff09,#ffffff01);border-bottom:1px solid #85a8be29;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:13px 16px;display:flex}.panel-header div,.rail-header div,.cell-title,.duplicate-status div{align-items:center;gap:8px;display:flex}.panel-header span,.rail-header span,.cell-title span,.duplicate-status span{color:#b3bdc7;text-transform:uppercase;letter-spacing:0;font-size:.83rem;font-weight:800}.panel-header strong,.rail-header strong,.duplicate-status strong{color:var(--text);white-space:nowrap;font-size:.82rem;font-weight:850}.playlist-list{flex:1;min-height:0;padding:8px 11px 10px;overflow:auto}.track-button{width:100%;min-height:74px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:52px minmax(0,1fr) 54px;align-items:center;gap:10px;padding:8px 8px 8px 7px;display:grid;position:relative;overflow:hidden}.track-button:before{content:"";background:linear-gradient(180deg, transparent, var(--cyan), transparent);opacity:0;width:3px;position:absolute;inset:0 auto 0 0;transform:translateY(18%)}.track-button+.track-button{margin-top:2px}.track-button:hover,.track-button.is-active{background:linear-gradient(90deg,#1284ff42,#0f202f2e),#02090fd6;border-color:#168cffe6;box-shadow:inset 0 0 24px #148dff24,0 0 18px #107aff24}.track-button:hover:before,.track-button.is-active:before{opacity:1;transform:translateY(0)}.track-art{background:radial-gradient(circle at 50% 38%,#63dfff38,#0000 42%),#071019;border:1px solid #63dfff47;border-radius:8px;width:48px;height:48px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #168cff14}.track-art img{object-fit:cover;width:100%;height:100%;display:block}.track-art span{color:#eef6ff;text-align:center;background:#02070bbd;border-radius:5px;min-width:20px;padding:2px 4px;font-size:.64rem;font-weight:900;position:absolute;bottom:3px;right:4px}.track-text{min-width:0}.track-text strong,.track-text span,.track-meta span{display:block}.track-text strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;font-weight:760;line-height:1.1;overflow:hidden}.track-button.is-active .track-text strong{color:#1f9cff}.track-button.is-active .track-art,.track-button:hover .track-art{border-color:#63dfffeb;box-shadow:inset 0 0 20px #63dfff24,0 0 18px #168cff33}.track-text span{color:var(--muted);margin-top:5px;font-size:.78rem}.track-meta{color:#a7b4c0;justify-items:end;gap:8px;font-size:.82rem;display:grid}.ok-mark{color:var(--green);align-items:center;gap:4px;font-size:.74rem;font-weight:850;display:flex!important}.duplicate-status{background:linear-gradient(#020a1099,#01070cf0);border-top:1px solid #85a8be29;gap:10px;min-height:78px;padding:15px 16px;display:grid}.duplicate-status strong{color:var(--green);font-size:.92rem}.duplicate-status div:last-child{color:var(--muted);font-size:.9rem}.duplicate-status svg{color:var(--green)}.cockpit-shell{background:linear-gradient(#1f3e543d,#0000 22%),#03080cf0;grid-template-rows:68px minmax(380px,1fr) auto auto;min-width:0;display:grid}.cockpit-topbar{background:linear-gradient(90deg,#0000 0 18%,#101d2af5 18% 82%,#0000 82% 100%),#03080e;border-bottom:1px solid #85a8be33;place-items:center;display:grid;position:relative}.cockpit-topbar:before{content:"";pointer-events:none;border:1px solid #bed2e04d;border-top:0;border-radius:0 0 8px 8px;position:absolute;inset:0 20%;transform:skew(-18deg)}.cockpit-topbar h1{z-index:1;color:var(--text);letter-spacing:0;margin:0;font-size:clamp(2rem,2.2vw,2.55rem);font-weight:800;line-height:1;position:relative}.cockpit-topbar span{display:none}.visualizer-shell{background:#02070d;border-bottom:1px solid #85a8be26;min-height:0;margin:0;position:relative;overflow:hidden}.visualizer-shell:after{content:"";pointer-events:none;background:linear-gradient(#0000,#03080ce0 72%),radial-gradient(at 50% 100%,#1f7aff42,#0000 60%);height:132px;position:absolute;inset:auto 0 0}.visualizer-shell canvas{width:100%;height:100%;display:block}.visualizer-shell.is-artifact:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(at 50% 46%,#63dfff29,#0000 38%),linear-gradient(120deg,#ffad2814,#0000 34%,#168cff1f);position:absolute;inset:0}.artifact-gate-panel{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#061018eb,#02070bc7),#03080de0;border:1px solid #63dfff70;border-radius:8px;width:min(318px,100% - 32px);padding:14px 15px 13px;position:absolute;top:16px;left:16px;overflow:hidden;box-shadow:inset 0 0 28px #168cff1c,0 14px 36px #0000005c}.artifact-gate-panel>span,.artifact-mixers label span{color:#a9b8c5;text-transform:uppercase;font-size:.7rem;font-weight:900}.artifact-gate-panel strong{color:var(--text);margin-top:5px;font-size:1.14rem;line-height:1.05;display:block}.artifact-gate-panel small{color:#bdd1dd;margin-top:6px;font-size:.82rem;display:block}.artifact-mixers{gap:9px;margin-top:13px;display:grid}.artifact-mixers label{grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.artifact-mixers input[type=range]{background:linear-gradient(90deg, var(--amber), var(--cyan));width:calc(100% - 14px);height:5px}.transport-shell{z-index:2;box-shadow:none;background:0 0;border-radius:8px;gap:0;margin:-150px 8px 0;display:grid;position:relative}.drive-console{--console-tone:var(--blue);grid-template-rows:84px 27px;grid-template-columns:minmax(184px,1fr) 66px 106px 66px minmax(118px,.68fr);align-items:center;gap:6px 8px;min-height:118px;padding:7px 14px 5px;display:grid;position:relative}.drive-console.tone-coral{--console-tone:var(--red)}.drive-console.tone-amber{--console-tone:var(--amber)}.drive-console:before{content:"";background:linear-gradient(#121c26eb,#02070bf0),repeating-linear-gradient(135deg,#0000 0 7px,#ffffff05 7px 9px);border:1px solid #85a8be38;border-radius:80px 80px 16px 16px/38px 38px 16px 16px;position:absolute;inset:0;box-shadow:inset 0 16px 28px #ffffff09,0 12px 40px #00000085}.drive-console:after{content:"";z-index:1;width:max(28px, var(--drive-progress));background:linear-gradient(90deg, transparent, var(--console-tone), transparent);max-width:calc(100% - 68px);height:2px;box-shadow:0 0 18px color-mix(in srgb, var(--console-tone) 62%, transparent);opacity:.76;border-radius:999px;position:absolute;top:8px;left:34px}.console-panel,.console-skip,.console-play,.console-actions{z-index:1;position:relative}.console-panel{background:linear-gradient(135deg,#07121af5,#03080df5),#050b11;border:1px solid #85a8be33;border-radius:8px;min-width:0;min-height:72px;padding:10px 14px;box-shadow:inset 0 0 34px #188eff12}.current-console{grid-template-columns:48px minmax(0,1fr);align-items:center;column-gap:10px;display:grid}.current-cover{object-fit:cover;background:radial-gradient(circle at 50% 42%,#63dfff33,#0000 44%),#061018;border:1px solid #63dfff66;border-radius:8px;width:42px;height:42px;display:block;box-shadow:inset 0 0 18px #168cff1f,0 0 18px #168cff24}.current-copy{min-width:0}.current-copy span,.speed-console>span{color:var(--muted);text-transform:uppercase;font-size:.64rem;font-weight:900;display:block}.current-copy strong{color:var(--blue);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.92rem;font-weight:850;display:block;overflow:hidden}.current-copy small{color:var(--muted);margin-top:3px;margin-right:10px;font-size:.72rem;display:inline-block}.mini-eq{align-items:end;gap:3px;height:12px;margin-top:5px;display:flex}.current-console .mini-eq{grid-column:2}.mini-eq i{width:4px;height:var(--bar);background:linear-gradient(180deg, var(--blue), #168cff40);transform-origin:bottom;border-radius:2px 2px 0 0;min-height:4px}.console-skip,.console-play{color:var(--text);background:linear-gradient(#121c26f5,#04090ef5),#061018;border:1px solid #85a8be38;place-items:center;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:inset 0 0 22px #ffffff0a,0 0 20px #00000052}.console-skip{border-radius:10px;width:56px;height:52px}.console-play{border-radius:50%;width:92px;height:92px;box-shadow:inset 0 0 0 10px #ffffff0a,inset 0 0 0 15px #050b12e6,0 0 0 4px #168cff33,0 0 30px #168cff5c}.console-skip:hover,.console-play:hover{border-color:color-mix(in srgb, var(--console-tone,var(--blue)) 62%, #85a8be38);box-shadow:inset 0 0 22px #ffffff0d, 0 0 24px color-mix(in srgb, var(--console-tone,var(--blue)) 28%, transparent)}.console-play.is-playing{color:#f7fbff}.console-play.tone-coral{box-shadow:inset 0 0 0 10px #ffffff0a,inset 0 0 0 15px #050b12e6,0 0 0 4px #ff4b552e,0 0 30px #ff4b5557}.console-play.tone-amber{box-shadow:inset 0 0 0 10px #ffffff0a,inset 0 0 0 15px #050b12e6,0 0 0 4px #ffad282e,0 0 30px #ffad2852}.speed-console{text-align:center;align-content:center;justify-items:center;gap:1px;padding:7px 10px 6px;display:grid;position:relative;overflow:hidden}.speed-console:before{content:"";background:radial-gradient(ellipse at 50% 100%, color-mix(in srgb, var(--console-tone) 24%, transparent), transparent 66%);opacity:.85;pointer-events:none;height:92%;position:absolute;inset:-46% -20% auto}.speed-gauge{aspect-ratio:1.6;place-items:center;width:min(126px,100%);min-width:100px;margin-top:-5px;display:grid;position:relative}.speed-gauge svg{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.speed-track,.speed-fill{fill:none;stroke-linecap:round;stroke-width:8px}.speed-track{stroke:#5b708052}.speed-fill{stroke:var(--console-tone);stroke-dasharray:var(--speed-fill) 100;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--console-tone) 44%, transparent))}.speed-ticks line{stroke:#b8d5e757;stroke-linecap:round;stroke-width:1.4px}.speed-ticks line.is-major{stroke:#eef6ffa3;stroke-width:2px}.speed-needle path{fill:#edf8ff;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--console-tone) 74%, transparent))}.speed-hub{fill:#07141f;stroke:var(--console-tone);stroke-width:3px;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--console-tone) 72%, transparent))}.speed-readout{z-index:1;background:linear-gradient(#050f17f0,#03080ddb),#050b11;border:1px solid #63dfff29;border-radius:8px;place-items:center;min-width:62px;margin-top:16px;padding:3px 7px 2px;display:grid;position:relative;box-shadow:inset 0 0 18px #168cff1a,0 0 18px #00000047}.speed-readout strong{color:var(--text);font-size:1.66rem;font-weight:760;line-height:.9;display:block}.speed-readout small{color:#c8d5df;text-transform:uppercase;margin-top:1px;font-size:.58rem;font-weight:760;display:block}.speed-scale{width:min(112px,100%);color:var(--muted);justify-content:space-between;margin-top:-9px;font-size:.54rem;font-weight:780;display:flex}.console-actions{grid-column:1/-1;grid-template-columns:repeat(4,36px);justify-content:center;gap:16px;padding:0;display:grid;position:relative}.console-actions button{color:#eef6ffb8;width:36px;min-height:25px;box-shadow:none;background:#02070b2e;border:1px solid #0000;border-radius:8px;position:relative}.console-actions button:hover{border-color:color-mix(in srgb, var(--console-tone) 38%, transparent);color:var(--text);background:#07121a8f}.console-actions button:first-child{color:var(--red)}.console-actions button.is-active{border-color:color-mix(in srgb, var(--console-tone) 56%, transparent);color:var(--console-tone);background:linear-gradient(180deg, color-mix(in srgb, var(--console-tone) 13%, transparent), #02070b5c), #07121ac7;box-shadow:inset 0 0 18px color-mix(in srgb, var(--console-tone) 12%, transparent), 0 0 18px color-mix(in srgb, var(--console-tone) 18%, transparent)}.console-actions .favorite-action.is-active{color:var(--red);background:linear-gradient(#ff4b5521,#02070b5c),#07121ac7;border-color:#ff4b557a;box-shadow:inset 0 0 18px #ff4b551a,0 0 18px #ff4b552e}.action-badge{color:#061018;background:var(--console-tone);border-radius:999px;place-items:center;min-width:11px;height:11px;font-size:.48rem;font-weight:900;line-height:1;display:grid;position:absolute;top:2px;right:4px}.more-controls-popover{z-index:4;border:1px solid color-mix(in srgb, var(--console-tone) 34%, #85a8be38);width:min(272px,100vw - 44px);box-shadow:inset 0 0 26px color-mix(in srgb, var(--console-tone) 9%, transparent), 0 18px 42px #00000080;background:linear-gradient(#09141efa,#03080dfa),#050b11;border-radius:8px;gap:9px;padding:11px;display:grid;position:absolute;bottom:calc(100% + 10px);right:82px}.more-controls-popover:after{content:"";border-right:1px solid color-mix(in srgb, var(--console-tone) 34%, #85a8be38);border-bottom:1px solid color-mix(in srgb, var(--console-tone) 34%, #85a8be38);background:#03080dfa;width:10px;height:10px;position:absolute;bottom:-6px;right:15px;transform:rotate(45deg)}.popover-volume{color:var(--muted);text-transform:uppercase;grid-template-columns:18px 54px minmax(0,1fr);align-items:center;gap:9px;font-size:.72rem;font-weight:850;display:grid}.popover-volume svg{color:var(--console-tone)}.popover-volume input[type=range]{height:3px}.popover-mode-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.popover-mode-row span{color:#b8c4ce;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#02070b66;border:1px solid #85a8be24;border-radius:8px;padding:6px 8px;font-size:.64rem;font-weight:820;overflow:hidden}.now-playing-strip{background:linear-gradient(90deg,#63dfff0b,#0000 30% 70%,#63dfff09),#02070bd1;border:1px solid #85a8be33;border-top:0;border-radius:0 0 8px 8px;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;height:31px;padding:0 12px;display:grid;box-shadow:inset 0 1px #eef6ff0a}.now-playing-strip input[type=range]{appearance:none;background:linear-gradient(90deg, var(--cyan) 0 var(--seek-progress), #71859457 var(--seek-progress) 100%);justify-self:center;width:100%;height:3px}.now-playing-strip input[type=range]::-webkit-slider-thumb{background:var(--cyan);appearance:none;border:0;border-radius:50%;width:13px;height:13px;box-shadow:0 0 14px #63dfff80}.now-playing-strip input[type=range]::-moz-range-thumb{background:var(--cyan);border:0;border-radius:50%;width:13px;height:13px;box-shadow:0 0 14px #63dfff80}.now-playing-strip span{color:#b8c4ce;font-size:.76rem;font-weight:750}.now-playing-strip span:last-child{text-align:right}input[type=range]{width:100%;min-width:0;max-width:100%;height:4px;accent-color:var(--cyan);background:linear-gradient(90deg, var(--red), var(--blue));border-radius:999px;display:block}.play-status{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.volume-row{display:none}.telemetry-deck{background:radial-gradient(circle at var(--rail-progress) 0%, color-mix(in srgb, var(--telemetry-tone) 10%, transparent), transparent 34%), linear-gradient(90deg, #63dfff06, transparent 42%, #ffad2805), #03080df0;--telemetry-tone:var(--blue);border-top:1px solid #85a8be2e;display:block;position:relative}.telemetry-deck:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--telemetry-tone) 54%, transparent), transparent);opacity:.62;height:1px;position:absolute;inset:0 0 auto}.telemetry-deck.tone-coral{--telemetry-tone:var(--red)}.telemetry-deck.tone-amber{--telemetry-tone:var(--amber)}.telemetry-spine{grid-template-columns:minmax(150px,.7fr) minmax(240px,1.44fr) minmax(150px,.72fr);align-items:center;gap:12px;min-height:118px;padding:11px 18px 12px;display:grid;position:relative}.telemetry-spine:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--telemetry-tone) 40%, transparent), transparent);opacity:.5;pointer-events:none;height:1px;position:absolute;top:50%;left:20px;right:20px}.spine-module{background:linear-gradient(#071017ad,#02070ba3),#02070b5c;border:1px solid #85a8be24;border-radius:8px;align-content:center;gap:9px;min-width:0;height:94px;padding:10px 12px;display:grid;position:relative;box-shadow:inset 0 0 22px #188eff09}.spine-label{color:#b3bdc7;text-transform:uppercase;align-items:center;gap:8px;font-size:.68rem;font-weight:900;display:flex}.spine-label svg{color:color-mix(in srgb, var(--telemetry-tone) 76%, #dce8f1)}.spine-label strong{color:color-mix(in srgb, var(--telemetry-tone) 84%, #f1f7ff);margin-left:auto;font-size:.76rem;font-weight:900}.haptic-control-row{grid-template-columns:minmax(94px,1fr) 78px;align-items:center;gap:12px;display:grid}.haptic-control-row input[type=range]{appearance:none;background:linear-gradient(90deg, var(--telemetry-tone) 0 var(--haptic-level), #71859447 var(--haptic-level) 100%) center / 100% 3px no-repeat;height:20px}.haptic-control-row input[type=range]::-webkit-slider-thumb{background:color-mix(in srgb, var(--telemetry-tone) 72%, var(--cyan));width:13px;height:13px;box-shadow:0 0 14px color-mix(in srgb, var(--telemetry-tone) 46%, transparent);appearance:none;border:2px solid #07111b;border-radius:50%}.haptic-control-row input[type=range]::-moz-range-thumb{background:color-mix(in srgb, var(--telemetry-tone) 72%, var(--cyan));width:13px;height:13px;box-shadow:0 0 14px color-mix(in srgb, var(--telemetry-tone) 46%, transparent);border:2px solid #07111b;border-radius:50%}.haptic-segments{justify-content:flex-end;align-items:end;gap:3px;height:46px;display:flex}.haptic-segments i{width:4px;height:var(--segment-height);background:#566d7e3d;border-radius:999px;min-height:8px}.haptic-segments i.is-lit{background:linear-gradient(180deg, var(--telemetry-tone), #63dfff40);box-shadow:0 0 11px color-mix(in srgb, var(--telemetry-tone) 28%, transparent)}.signal-rail{box-shadow:inset 0 0 24px #168cff12, 0 0 16px color-mix(in srgb, var(--telemetry-tone) 16%, transparent);background:linear-gradient(90deg,#63dfff12,#ffad280b),#02070b85;border:1px solid #85a8be29;border-radius:8px;padding:6px 8px}.signal-glass{background:radial-gradient(circle at var(--rail-progress) 50%, color-mix(in srgb, var(--telemetry-tone) 22%, transparent), transparent 22%), linear-gradient(90deg, #63dfff17, #ffad280f);border:1px solid #63dfff2e;border-radius:999px;align-items:center;gap:2px;height:38px;padding:0 12px;display:flex;position:relative;overflow:hidden}.signal-glass:before{content:"";width:var(--rail-progress);box-shadow:0 0 28px color-mix(in srgb, var(--telemetry-tone) 28%, transparent);background:linear-gradient(90deg,#63dfff29,#ffad281f);position:absolute;inset:0 auto 0 0}.signal-glass:after{content:"";z-index:1;height:1px;box-shadow:0 0 12px color-mix(in srgb, var(--telemetry-tone) 32%, transparent);background:linear-gradient(90deg,#0000,#eef6ff47,#0000);position:absolute;top:50%;left:14px;right:14px}.signal-glass span{z-index:2;min-width:1px;height:var(--bar-height);background:linear-gradient(180deg, var(--telemetry-tone), color-mix(in srgb, var(--telemetry-tone) 24%, transparent));min-height:7px;box-shadow:0 0 10px color-mix(in srgb, var(--telemetry-tone) 20%, transparent);opacity:var(--bar-alpha);transform-origin:50%;border-radius:999px;flex:1;transition:height .26s,opacity .26s,transform .26s,filter .26s;position:relative}.signal-glass span.is-hot{background:linear-gradient(180deg, var(--amber), var(--red));box-shadow:0 0 16px #ff5d404d}.signal-playhead{z-index:2;top:5px;bottom:5px;left:var(--rail-progress);width:2px;box-shadow:0 0 16px var(--cyan), 0 0 28px var(--telemetry-tone);background:#eef6ff;position:absolute}.frequency-band{color:#b8c4ceb8;text-transform:uppercase;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:8px;font-size:.58rem;font-weight:760;display:grid}.frequency-band i{background:linear-gradient(90deg,#63dfff66,#ffad2875);height:1px}.matrix-module{align-items:center;gap:8px}.lock-chip{color:color-mix(in srgb, var(--telemetry-tone) 72%, #dce8f1);text-transform:uppercase;align-items:center;gap:7px;font-size:.66rem;font-weight:900;display:flex}.matrix-readouts{gap:5px;min-width:0;margin:0;display:grid}.matrix-readouts div{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.matrix-readouts dt,.matrix-readouts dd{text-overflow:ellipsis;white-space:nowrap;margin:0;display:block;overflow:hidden}.matrix-readouts dt{color:#b8c4cea3;text-transform:uppercase;font-size:.52rem;font-weight:850}.matrix-readouts dd{color:var(--text);text-align:right;margin-top:2px;font-size:.76rem;font-weight:820}.guidance-shell{background:linear-gradient(#050d14f5,#02070bf5),#03090ef0;flex-direction:column;gap:0;display:flex;overflow:auto}.rail-panel{box-shadow:none;background:#050c12b8;border-width:0 0 1px;border-radius:0;flex:none}.phase-stack{gap:8px;padding:9px 12px;display:grid}.phase-card{min-height:68px;color:var(--text);text-align:left;background:#070f16eb;border:1px solid #85a8be33;border-radius:8px;grid-template-columns:52px minmax(0,1fr) 118px;align-items:center;gap:12px;padding:11px 13px;display:grid;position:relative;overflow:hidden}.phase-card:before{content:"";background:linear-gradient(110deg, transparent 0 38%, color-mix(in srgb, var(--tone) 18%, transparent) 48%, transparent 58%), radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--tone) 13%, transparent), transparent 32%);opacity:0;pointer-events:none;position:absolute;inset:0;transform:translate(-24%)}.phase-card.is-active,.phase-card:hover{border-color:color-mix(in srgb, var(--tone) 72%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--tone) 15%, transparent), #ffffff05), #070f16f5}.phase-card.is-active:before,.phase-card:hover:before{opacity:1;transform:translate(0)}.phase-card.tone-cyan{--tone:var(--blue)}.phase-card.tone-coral{--tone:var(--red)}.phase-card.tone-amber{--tone:var(--amber)}.phase-orb{border:2px solid color-mix(in srgb, var(--tone) 74%, transparent);width:40px;height:40px;color:var(--tone);box-shadow:inset 0 0 20px color-mix(in srgb, var(--tone) 18%, transparent), 0 0 18px color-mix(in srgb, var(--tone) 20%, transparent);border-radius:50%;place-items:center;display:grid;position:relative}.phase-orb:after{content:"";border-radius:inherit;border:1px solid color-mix(in srgb, var(--tone) 42%, transparent);opacity:.64;position:absolute;inset:8px}.phase-copy strong{color:var(--tone);font-size:1.22rem;font-weight:780;line-height:1;display:block}.phase-copy small{color:var(--muted);margin-top:7px;font-size:.78rem;display:block}.phase-wave{gap:8px;display:grid}.sparkline,.mini-wave{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:100%;height:auto}.mini-wave{width:94px;color:var(--blue);stroke-width:2px}.sparkline{color:var(--tone);stroke-width:2.3px}.phase-wave i{background:#5e718038;border-radius:999px;height:4px;display:block;position:relative}.phase-wave i:before{content:"";width:var(--phase-width);border-radius:inherit;background:var(--tone);box-shadow:0 0 18px color-mix(in srgb, var(--tone) 48%, transparent);position:absolute;inset:0 auto 0 0}.rig-spec{align-items:center;gap:15px;min-height:56px;padding:9px 18px;display:flex}.rig-icon{width:58px;height:38px;color:var(--muted);background:#00000038;border:1px solid #85a8be2e;border-radius:8px;place-items:center;display:grid}.rig-spec strong{color:var(--text);font-size:1.08rem;font-weight:760}.rig-panel .racecar-schematic{border-top:1px solid #85a8be24}.vessel-panel{overflow:hidden}.vessel-frame{border-top:1px solid #85a8be24;margin:0;padding:10px 12px}.vessel-frame img{aspect-ratio:2.05;object-fit:cover;object-position:center 58%;border:1px solid #168cff80;border-radius:8px;width:100%;display:block;box-shadow:inset 0 0 22px #63dfff1f,0 0 18px #168cff33}.vessel-frame figcaption{color:var(--muted);justify-content:space-between;gap:10px;margin-top:8px;font-size:.82rem;display:flex}.vessel-frame strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:760;overflow:hidden}.vessel-frame span{flex:none}.vessel-readouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 12px;display:grid}.vessel-readouts span{background:#02070b80;border:1px solid #85a8be2e;border-radius:8px;place-items:center;min-height:44px;display:grid}.vessel-readouts strong{color:var(--cyan);font-size:1rem;font-weight:840}.vessel-readouts small{color:var(--muted);text-transform:uppercase;font-size:.66rem;font-weight:800}.status-panel{margin-top:0}.racecar-schematic{--car-tone:var(--blue);background:radial-gradient(ellipse at 50% 72%, color-mix(in srgb, var(--car-tone) 17%, transparent), transparent 58%), linear-gradient(180deg, #050d142e, #02070ba8);height:176px;padding:8px 10px 7px;position:relative;overflow:hidden}.racecar-schematic.tone-coral{--car-tone:var(--red)}.racecar-schematic.tone-amber{--car-tone:var(--amber)}.racecar-schematic:before,.racecar-schematic:after{content:"";pointer-events:none;position:absolute}.racecar-schematic:before{background:linear-gradient(90deg, transparent 0 48%, color-mix(in srgb, var(--car-tone) 18%, transparent) 50%, transparent 52%), linear-gradient(#ffffff0b 1px, transparent 1px), linear-gradient(90deg, #ffffff09 1px, transparent 1px);opacity:.32;background-size:100% 100%,28px 28px,28px 28px;inset:8px 12px 30px;-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.racecar-schematic:after{background:linear-gradient(105deg, transparent 0 24%, color-mix(in srgb, var(--car-tone) 16%, transparent) 42%, transparent 62%);opacity:.22;inset:0;transform:translate(-80%)}.racecar-schematic svg{z-index:1;fill:none;stroke:#b9cbd885;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;position:relative}.racecar-schematic .road-layer{stroke:#85a8be3d;stroke-width:1.1px}.racecar-schematic .underglow{stroke:var(--car-tone);stroke-width:12px;opacity:.42}.racecar-schematic .energy-ribbon{stroke:var(--car-tone);stroke-width:2px;stroke-dasharray:9 13;opacity:.62}.racecar-schematic .car-body{filter:drop-shadow(0 10px 18px #0000007a);transform-box:fill-box;transform-origin:50%}.racecar-schematic .body-fill{fill:url(#body-gradient);stroke:#d4e7f45c;stroke-width:2px}.racecar-schematic .body-line,.racecar-schematic .canopy,.racecar-schematic .splitter,.racecar-schematic .wing,.racecar-schematic .fender{stroke:#d9ecf994}.racecar-schematic .accent-line,.racecar-schematic .side-panel,.racecar-schematic .resonance-bus{stroke:var(--car-tone);opacity:.64}.racecar-schematic .canopy{fill:#42abff1a}.racecar-schematic .cockpit-glass{fill:url(#glass-gradient);stroke:#b8edff8c}.racecar-schematic .floor-pan,.racecar-schematic .fender{fill:#03090ebd}.racecar-schematic .body-highlight{stroke-width:2.4px;opacity:.86}.racecar-schematic .resonance-bus{stroke-width:3px;stroke-dasharray:10 12;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--car-tone) 72%, transparent))}.racecar-schematic .tail-light{stroke:var(--red);stroke-width:3px;filter:drop-shadow(0 0 8px #ff4b55d1)}.racecar-schematic .nose-light{stroke:var(--cyan);stroke-width:3px;filter:drop-shadow(0 0 8px #63dfffd1)}.racecar-schematic .wheel{transform-box:fill-box;transform-origin:50%}.racecar-schematic .tire{fill:#03070b;stroke:#c4d9e670;stroke-width:2.4px}.racecar-schematic .tire-ring{fill:none;stroke:color-mix(in srgb, var(--car-tone) 78%, #c4d9e64d);stroke-width:2px;stroke-dasharray:4 7;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--car-tone) 60%, transparent))}.racecar-schematic .rim{fill:url(#wheel-gradient);stroke:var(--car-tone);stroke-width:2px;filter:drop-shadow(0 0 9px color-mix(in srgb, var(--car-tone) 72%, transparent))}.racecar-schematic .spokes{stroke:#d8f2ffa8;stroke-width:1.2px;transform-box:fill-box;transform-origin:50%}.racecar-schematic .hub,.racecar-schematic .pzt-node,.racecar-schematic .power-core{fill:var(--car-tone);stroke:#e4f7ffcc;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--car-tone) 82%, transparent));transform-box:fill-box;transform-origin:50%}.racecar-schematic .power-core{fill:#03090ec2;stroke-width:2px}.racecar-schematic .bass-driver{fill:#02080cd1;stroke:#dcebf47a;stroke-width:1.6px;filter:drop-shadow(0 0 5px #000000ad)}.racecar-schematic .bass-driver:nth-child(7){stroke:var(--car-tone);filter:drop-shadow(0 0 7px color-mix(in srgb, var(--car-tone) 68%, transparent))}.racecar-schematic .scan-line{stroke:var(--car-tone);stroke-width:2.8px;stroke-dasharray:58 198;opacity:.8;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--car-tone) 70%, transparent))}.car-progress-line{z-index:2;background:#6d82923d;border-radius:999px;height:3px;position:absolute;bottom:8px;left:22px;right:22px;overflow:hidden}.car-progress-line i{width:max(20px, var(--car-progress));border-radius:inherit;background:linear-gradient(90deg, transparent, var(--car-tone), #f4fbff);height:100%;box-shadow:0 0 14px color-mix(in srgb, var(--car-tone) 65%, transparent);display:block}.status-line{color:var(--green);padding:0 18px 10px;font-size:1rem;font-weight:650}.heartbeat-line{fill:none;width:calc(100% - 36px);height:32px;stroke:var(--green);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;margin:0 18px}.state-screen{text-align:center;background:var(--bg);align-content:center;place-items:center;gap:12px;min-height:100vh;padding:28px;display:grid}.state-screen h1{margin:0;font-size:2rem}.state-screen p{max-width:520px;color:var(--muted);margin:0;line-height:1.5}@media (prefers-reduced-motion:no-preference){.track-button,.track-button:before,.track-art,.track-art img,.phase-card,.phase-card:before,.console-skip,.console-play,.vessel-frame img,.telemetry-cell{transition:border-color .16s,background .16s,box-shadow .16s,filter .16s,transform .16s}.track-button:hover,.phase-card:hover,.console-skip:hover{transform:translateY(-1px)}.track-button{animation:.36s both trackSettle;animation-delay:calc(var(--track-index) * 18ms)}.drive-console.is-playing .mini-eq i{animation:.68s ease-in-out infinite alternate eqBounce;animation-delay:var(--bar-delay)}.console-play.is-playing{animation:1.8s ease-in-out infinite consolePulse}.telemetry-deck.is-live .signal-glass span{animation:.74s ease-in-out infinite alternate signalRailPulse;animation-delay:var(--bar-delay)}.phase-card.is-active:before{animation:2.8s ease-in-out infinite phaseSweep}.phase-card.is-active .phase-orb:after{animation:1.9s ease-in-out infinite orbPing}.racecar-schematic:after{animation:4.6s linear infinite carScan}.racecar-schematic .car-body{animation:3.6s ease-in-out infinite chassisFloat}.racecar-schematic .energy-ribbon{animation:1.7s linear infinite ribbonFlow}.racecar-schematic .spokes{animation:1.35s linear infinite wheelSpin}.racecar-schematic .tire-ring{animation:1.35s linear infinite tireTrace}.racecar-schematic .pzt-node{animation:1.45s ease-in-out infinite pztPulse;animation-delay:var(--node-delay)}.racecar-schematic .power-core{animation:1.8s ease-in-out infinite powerCorePulse}.racecar-schematic .resonance-bus{animation:1.55s linear infinite busFlow}.racecar-schematic .body-highlight{animation:2.4s ease-in-out infinite chassisHighlight}.racecar-schematic .scan-line{animation:2.35s ease-in-out infinite scanLine}.heartbeat-line path{stroke-dasharray:330;animation:3.2s linear infinite heartbeatDrift}}@keyframes trackSettle{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes eqBounce{0%{opacity:.56;transform:scaleY(.58)}to{opacity:1;transform:scaleY(1.08)}}@keyframes consolePulse{50%{filter:brightness(1.14);transform:scale(1.018)}}@keyframes signalRailPulse{0%{filter:brightness(.9);transform:scaleY(.68)}to{filter:brightness(1.24);transform:scaleY(1.08)}}@keyframes phaseSweep{0%{transform:translate(-42%)}55%,to{transform:translate(42%)}}@keyframes orbPing{50%{opacity:.16;inset:2px}}@keyframes carScan{to{transform:translate(82%)}}@keyframes chassisFloat{50%{transform:translateY(-2px)}}@keyframes ribbonFlow{to{stroke-dashoffset:-44px}}@keyframes wheelSpin{to{transform:rotate(360deg)}}@keyframes tireTrace{to{stroke-dashoffset:-44px}}@keyframes pztPulse{0%,to{opacity:.46;transform:scale(.82)}50%{opacity:1;transform:scale(1.22)}}@keyframes scanLine{0%{stroke-dashoffset:230px}to{stroke-dashoffset:-230px}}@keyframes powerCorePulse{50%{fill:color-mix(in srgb, var(--car-tone) 38%, #03090ec2);transform:scale(1.12)}}@keyframes busFlow{to{stroke-dashoffset:-44px}}@keyframes chassisHighlight{50%{opacity:.42}}@keyframes heartbeatDrift{to{stroke-dashoffset:-330px}}@media (width<=1380px){.radio-app{grid-template-columns:276px minmax(560px,1fr) 348px}.phase-card{grid-template-columns:48px minmax(0,1fr) 104px;gap:10px}.phase-copy strong{font-size:1.18rem}.drive-console{grid-template-columns:minmax(150px,1fr) 64px 102px 64px minmax(116px,.75fr)}.console-play{width:96px;height:96px}.console-skip{width:58px;height:58px}}@media (width<=1040px){.radio-app{grid-template-columns:1fr}.playlist-shell,.cockpit-shell,.guidance-shell{min-height:auto}.cockpit-shell{grid-row:1;grid-template-rows:64px 470px auto auto}.playlist-shell{grid-row:2}.guidance-shell{grid-row:3}.playlist-list{max-height:410px}.telemetry-spine{grid-template-columns:minmax(190px,.85fr) minmax(320px,1.15fr)}.matrix-module{grid-column:1/-1;height:auto}}@media (width<=720px){.radio-app{gap:8px;padding:8px}.playlist-shell,.cockpit-shell,.guidance-shell{width:100%;max-width:calc(100vw - 16px)}.cockpit-shell{grid-template-rows:62px 330px auto auto}.cockpit-topbar h1{font-size:1.42rem}.transport-shell{width:calc(100% - 16px);max-width:calc(100vw - 32px);margin:-84px 8px 0}.artifact-gate-panel{width:min(318px,100vw - 36px);padding:12px;top:10px;left:10px}.artifact-gate-panel strong{font-size:1.04rem}.artifact-mixers label{grid-template-columns:48px minmax(0,1fr)}.drive-console{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);padding:8px}.current-console{grid-column:1/-1}.previous-control{grid-column:1;justify-self:end}.console-play{grid-column:2;justify-self:center}.next-control{grid-column:3;justify-self:start}.speed-console{display:none}.console-play{width:76px;height:76px}.console-play svg{width:34px;height:34px}.console-skip{width:46px;height:46px}.console-actions{grid-column:1/-1;padding:0 8px}.more-controls-popover{right:max(0px,50% - 136px)}.now-playing-strip{grid-template-columns:42px minmax(0,1fr) 42px}.telemetry-spine{grid-template-columns:1fr;min-height:0;padding:12px}.spine-module{height:auto}.haptic-control-row{grid-template-columns:minmax(0,1fr) 82px}.matrix-module{grid-template-columns:none}.phase-card{grid-template-columns:48px minmax(0,1fr)}.phase-wave{grid-column:1/-1}}