.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width, height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{opacity:0;width:20px;height:20px;position:absolute}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:100% 100%;background-repeat:no-repeat;background-origin:content-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute}.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{--bg-primary:#0a0c10;--bg-secondary:#0f141c;--bg-panel:#131922;--bg-panel-header:#05367f;--bg-panel-hover:#1c2635;--panel-content-bg:#080b0f;--panel-body-bg:transparent;--border-dim:#ffffff14;--border-highlight:#00f0ff40;--accent-cyan:#00f0ff;--accent-cyan-glow:#00f0ff59;--accent-green:#00e676;--accent-green-glow:#00e67659;--accent-amber:#ffab00;--accent-amber-glow:#ffab0059;--accent-red:#ff1744;--accent-red-glow:#ff174473;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-dim:#8ea0b4;--font-display:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-meter:"Chakra Petch", sans-serif;--font-clock:"Varela Round", sans-serif;--font-size-base:15px;--font-size-status:.85rem;--font-size-label:.62rem}html{font-size:var(--font-size-base,15px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-display);font-variant-numeric:tabular-nums;background-image:radial-gradient(circle at 50% 0,#00f0ff0d 0%,#0000 60%),linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:100% 100%,32px 32px,32px 32px;min-height:100vh;font-size:1rem;overflow-x:hidden}.tabular-nums{font-variant-numeric:tabular-nums}.no-wrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0d14}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}.studio-panel{z-index:1;background:var(--panel-bg,var(--bg-panel));border:1px solid var(--panel-border,var(--border-dim));color:var(--panel-text,var(--text-main));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;flex-direction:column;width:100%;height:100%;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000080,inset 0 1px #ffffff0d;container-type:size}.studio-panel.is-editing{z-index:30}.studio-panel:hover{border-color:#ffffff38}.studio-panel-header{background:var(--panel-header-bg,linear-gradient(180deg, var(--bg-panel-header) 0%, #141b26cc 100%));border-bottom:1px solid var(--panel-border,var(--border-dim));box-sizing:border-box;-webkit-user-select:none;user-select:none;height:44px;min-height:44px;max-height:44px;color:var(--panel-text,var(--text-main));flex-shrink:0;justify-content:space-between;align-items:center;padding:0 clamp(8px,2cqw,14px);display:flex}.studio-panel-title{font-family:var(--font-display,inherit);letter-spacing:.04em;text-transform:uppercase;color:var(--panel-text,var(--text-main));white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:.82rem;font-weight:750;display:flex;overflow:hidden}.studio-panel-title>svg,.studio-panel-title>img{flex-shrink:0}.studio-panel-title>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden}.studio-panel-body{background:var(--panel-body-bg,transparent);flex-direction:column;flex:1;justify-content:space-between;gap:clamp(4px,1.5cqh,10px);min-height:0;padding:clamp(6px,1.8cqmin,12px);display:flex;overflow:hidden}.led-indicator{border-radius:50%;width:9px;min-width:9px;max-width:9px;height:9px;min-height:9px;max-height:9px;display:inline-block;position:relative;flex:0 0 9px!important}.led-indicator.green{background:var(--accent-green);box-shadow:0 0 10px var(--accent-green-glow)}.led-indicator.amber{background:var(--accent-amber);box-shadow:0 0 10px var(--accent-amber-glow)}.led-indicator.red{background:var(--accent-red);box-shadow:0 0 10px var(--accent-red-glow)}.led-indicator.cyan{background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan-glow)}.led-pulse{animation:1.4s ease-in-out infinite ledPulse}@keyframes ledPulse{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;filter:brightness(1.3);transform:scale(1.15)}to{opacity:.7;transform:scale(.95)}}.on-air-badge{color:#fff;font-family:var(--font-meter);letter-spacing:.15em;text-transform:uppercase;background:#ff1744;border-radius:4px;padding:3px 10px;font-size:.75rem;font-weight:700;animation:2s infinite alternate onAirGlow;box-shadow:0 0 16px #ff1744b3,inset 0 1px #fff6}@keyframes onAirGlow{0%{opacity:.85;filter:drop-shadow(0 0 6px #ff1744)}to{opacity:1;filter:drop-shadow(0 0 14px #ff1744)}}.digital-display{background:var(--panel-content-bg,#080b0f);font-family:var(--font-mono);border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;justify-content:center;min-height:0;padding:clamp(4px,1.2cqh,8px) clamp(6px,1.5cqw,12px);display:flex;box-shadow:inset 0 2px 6px #000c}.react-grid-item.react-grid-placeholder{z-index:2;transition-duration:.1s;opacity:.8!important;background:#00f0ff26!important;border:2px dashed #00f0ff99!important;border-radius:10px!important}.react-grid-item>.react-resizable-handle{z-index:5;width:14px;height:14px;bottom:3px;right:3px}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #ffffff4d;border-right:2px solid #ffffff4d;width:6px;height:6px;position:absolute;bottom:3px;right:3px}.layout-locked .react-resizable-handle{pointer-events:none!important;display:none!important}.layout-locked .studio-panel-header{-webkit-user-select:none;user-select:none;cursor:default!important}.layout-locked .drag-handle{cursor:default!important}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.meter-channel{background:#07090d;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;justify-content:center;gap:clamp(1px,.6cqh,3px);min-height:0;padding:clamp(3px,1cqh,6px) clamp(6px,1.2cqw,10px);display:flex}.led-bar-container{background:#030406;border-radius:3px;gap:2px;height:clamp(8px,2.6cqh,16px);padding:2px;display:flex}.led-bar-segment{background:#141a24;border-radius:1px;flex:1;transition:none}.led-bar-segment.lit-green{background:#00e676;box-shadow:0 0 6px #00e67699}.led-bar-segment.lit-yellow{background:#ffea00;box-shadow:0 0 6px #ffea0099}.led-bar-segment.lit-amber{background:#ff9100;box-shadow:0 0 6px #ff910099}.led-bar-segment.lit-red{background:#ff1744;box-shadow:0 0 8px #ff1744cc}.studio-btn{color:#e2e8f0;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#1f2d3e 0%,#121c29 100%);border:1px solid #ffffff29;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),background .15s,border-color .15s,color .15s;display:inline-flex;box-shadow:0 2px 5px #0006,inset 0 1px #ffffff24}@media (hover:hover){.studio-btn:hover{color:#fff;background:linear-gradient(#2a3c53 0%,#172435 100%);border-color:#ffffff59;transform:translateY(-2px)scale(1.02);box-shadow:0 6px 16px #00000080,inset 0 1px #ffffff40}}.studio-btn:active{transform:translateY(1.5px)scale(.97);box-shadow:0 1px 2px #0009,inset 0 2px 4px #00000080}.studio-btn:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.studio-btn-listen{color:#021a0a!important;letter-spacing:.05em!important;text-transform:uppercase!important;background:linear-gradient(#00e676 0%,#00c853 100%)!important;border:1px solid #69f0ae!important;font-size:.76rem!important;font-weight:800!important;box-shadow:0 2px 8px #00e67673,inset 0 1px #ffffffb3!important}.studio-btn-listen:hover{color:#000!important;background:linear-gradient(#69f0ae 0%,#00e676 100%)!important;border-color:#fff!important;transform:translateY(-2.5px)scale(1.05)!important;box-shadow:0 6px 20px #00e676a6,inset 0 1px #fff!important}.studio-btn-listen:active{transform:translateY(1.5px)scale(.96)!important;box-shadow:0 1px 3px #00e67666,inset 0 2px 6px #00320f99!important}.studio-btn-listen.is-playing,.studio-btn-listen-active{animation:2.2s ease-in-out infinite listenPulse;color:#1a0c00!important;background:linear-gradient(#ffb300 0%,#ff8f00 100%)!important;border:1px solid #ffe082!important;font-weight:800!important;box-shadow:0 2px 8px #ffb30073,inset 0 1px #fff9!important}@keyframes listenPulse{0%,to{box-shadow:0 2px 8px #ffb30073,0 0 #ffb30080,inset 0 1px #fff9}50%{box-shadow:0 2px 14px #ffb300bf,0 0 0 6px #ffb30000,inset 0 1px #fff}}.studio-btn-split-cue{color:#e0f7fa!important;letter-spacing:.04em!important;text-transform:uppercase!important;background:linear-gradient(#00e5ff2e 0%,#0096ff38 100%)!important;border:1px solid #00e5ff73!important;font-size:.68rem!important;font-weight:700!important;transition:all .18s ease-in-out!important;box-shadow:0 1px 4px #00e5ff33,inset 0 1px #ffffff26!important}.studio-btn-split-cue:hover{color:#fff!important;background:linear-gradient(#00e5ff59 0%,#0096ff66 100%)!important;border-color:#00e5ff!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #00e5ff73,inset 0 1px #fff!important}.studio-btn-split-cue:active{transform:translateY(1px)scale(.97)!important}.studio-btn-split-cue.is-playing{animation:2s ease-in-out infinite splitCuePulse;color:#001f2e!important;background:linear-gradient(#00e5ff 0%,#00b0ff 100%)!important;border:1px solid #fff!important;font-weight:800!important;box-shadow:0 2px 10px #00e5ff99,inset 0 1px #ffffffb3!important}@keyframes splitCuePulse{0%,to{box-shadow:0 2px 8px #00e5ff80,0 0 #00e5ff80,inset 0 1px #ffffffb3}50%{box-shadow:0 2px 16px #00e5ffcc,0 0 0 5px #00e5ff00,inset 0 1px #fff}}.live-audio-bars{flex-shrink:0;align-items:flex-end;gap:2px;width:12px;height:12px;display:inline-flex}.live-audio-bars .bar{background-color:currentColor;border-radius:1px;width:2.5px;animation:.8s ease-in-out infinite alternate barEqualizer}.live-audio-bars .bar:first-child{height:35%;animation-delay:.1s}.live-audio-bars .bar:nth-child(2){height:90%;animation-delay:.3s}.live-audio-bars .bar:nth-child(3){height:55%;animation-delay:.5s}@keyframes barEqualizer{0%{height:25%}50%{height:100%}to{height:40%}}.studio-btn-listen.is-playing:hover,.studio-btn-listen-active:hover{color:#000!important;background:linear-gradient(#ffe082 0%,#ffb300 100%)!important;border-color:#fff!important;transform:translateY(-2.5px)scale(1.05)!important;box-shadow:0 6px 20px #ffb300a6,inset 0 1px #fff!important}.studio-btn-listen.is-playing:active,.studio-btn-listen-active:active{transform:translateY(1.5px)scale(.96)!important;box-shadow:0 1px 3px #ffb30066,inset 0 2px 5px #32190099!important}.studio-btn-danger{color:#ff5252;background:linear-gradient(#ff174447 0%,#c80a2d29 100%);border:1px solid #ff1744;box-shadow:0 2px 5px #ff174440,inset 0 1px #ffffff26}.studio-btn-danger:hover{color:#fff;background:linear-gradient(#ff174473 0%,#c80a2d47 100%);border-color:#ff5252;transform:translateY(-2px)scale(1.03);box-shadow:0 5px 16px #ff174473}.studio-btn-danger:active{transform:translateY(1.5px)scale(.97);box-shadow:0 1px 2px #ff17444d,inset 0 2px 4px #32000080}.studio-btn-cyan{color:#00f0ff;background:linear-gradient(#00f0ff3d 0%,#00b4d824 100%);border:1px solid #00f0ff;box-shadow:0 2px 5px #00f0ff40,inset 0 1px #ffffff26}.studio-btn-cyan:hover{color:#fff;background:linear-gradient(#00f0ff61 0%,#00b4d838 100%);border-color:#80f7ff;transform:translateY(-2px)scale(1.03);box-shadow:0 5px 16px #00f0ff73}.studio-btn-cyan:active{transform:translateY(1.5px)scale(.97);box-shadow:0 1px 2px #00f0ff4d,inset 0 2px 4px #00283280}.studio-btn.is-active,.studio-btn-active{border-color:var(--accent-cyan,#00f0ff)!important;color:#fff!important;background:linear-gradient(#00f0ff38 0%,#00a3c452 100%)!important;box-shadow:0 0 10px #00f0ff4d,inset 0 1px #ffffff4d!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#04060ad9;justify-content:center;align-items:center;animation:.2s cubic-bezier(.16,1,.3,1) forwards modalOverlayFade;display:flex;position:fixed;inset:0}@keyframes modalOverlayFade{0%{opacity:0}to{opacity:1}}.modal-box{transform-origin:50%;animation:.22s cubic-bezier(.16,1,.3,1) forwards modalBoxPop}@keyframes modalBoxPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.song-title-animate{will-change:transform, opacity;white-space:nowrap;text-overflow:ellipsis;max-width:100%;animation:.38s cubic-bezier(.16,1,.3,1) forwards songTitleFadeSlide;display:inline-block;overflow:hidden}@keyframes songTitleFadeSlide{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.telemetry-val-update{animation:.45s cubic-bezier(.16,1,.3,1) telemetryFlash;display:inline-block}@keyframes telemetryFlash{0%{filter:brightness(1.4);text-shadow:0 0 10px #00f0ffcc;transform:scale(1.09)}to{filter:brightness();text-shadow:none;transform:scale(1)}}.alarm-pulse-red{animation:1.8s ease-in-out infinite alarmPulseRed}@keyframes alarmPulseRed{0%,to{border-color:#ff174499!important;box-shadow:0 0 8px #ff17444d,inset 0 0 4px #ff17441a!important}50%{border-color:#ff1744!important;box-shadow:0 0 16px #ff1744b3,inset 0 0 10px #ff174440!important}}.alarm-pulse-amber{animation:2.2s ease-in-out infinite alarmPulseAmber}@keyframes alarmPulseAmber{0%,to{border-color:#ffab0080!important;box-shadow:0 0 6px #ffab0040!important}50%{border-color:#ffab00f2!important;box-shadow:0 0 14px #ffab008c!important}}.pulse-pink{animation:2s ease-in-out infinite pulsePink}@keyframes pulsePink{0%,to{border-color:#ff2d7899!important;box-shadow:0 0 6px #ff2d7840,inset 0 0 4px #ff2d781a!important}50%{border-color:#ff2d78!important;box-shadow:0 0 14px #ff2d78a6,inset 0 0 8px #ff2d7840!important}}@keyframes incidentSlideDown{0%{opacity:0;max-height:0;margin-bottom:-4px;padding-top:0;padding-bottom:0;transform:translateY(-24px)scale(.98)}40%{opacity:.7;max-height:60px;margin-bottom:0;padding-top:5px;padding-bottom:5px}to{opacity:1;max-height:100px;margin-bottom:0;transform:translateY(0)scale(1)}}@keyframes incidentFlashHighlight{0%{outline:1px solid #00f0ff99;box-shadow:0 0 12px #00f0ff59}to{outline:1px solid #0000}}.incident-row{transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s}.incident-row-entering{animation:.45s cubic-bezier(.16,1,.3,1) forwards incidentSlideDown,1.5s forwards incidentFlashHighlight;overflow:hidden}.studio-panel.is-relaying{border:2px solid #ff2d78!important;box-shadow:0 0 20px #ff2d78a6,inset 0 0 12px #ff2d7840!important}.studio-panel:has(.studio-panel-header.is-relaying){border:2px solid #ff2d78!important;box-shadow:0 0 20px #ff2d78a6,inset 0 0 12px #ff2d7840!important}.studio-panel-header.is-relaying{z-index:2;animation:2s ease-in-out infinite relayHeaderThrob;position:relative;color:#fff!important;background-color:#ff2d78!important;background-image:linear-gradient(#ff2d78 0%,#d81b60 100%)!important;border-bottom:1px solid #ffffff73!important}.studio-panel-header.is-relaying .studio-panel-title{text-shadow:0 1px 3px #000000b3;color:#fff!important}.studio-panel-header.is-relaying .studio-btn:not(.studio-btn-listen){color:#fff!important;background:#00000059!important;border-color:#ffffff59!important}.studio-panel-header.is-relaying .studio-btn:not(.studio-btn-listen):hover{background:#0000008c!important;border-color:#ffffffb3!important}@keyframes relayHeaderThrob{0%,to{filter:brightness();background-color:#e02167;box-shadow:inset 0 1px #fff6,0 0 10px #ff2d7880}50%{filter:brightness(1.22);background-color:#ff3b85;box-shadow:inset 0 1px #ffffffbf,0 0 24px #ff2d78f2}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.traffic-light-housing{background:linear-gradient(#161b24 0%,#0d1118 100%);border:1px solid #ffffff29;border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:5px 4px;display:inline-flex;box-shadow:inset 0 1px 1px #ffffff1f,0 3px 8px #0009}.traffic-light-housing-horizontal{background:linear-gradient(#161b24 0%,#0d1118 100%);border:1px solid #ffffff29;border-radius:12px;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:4px 6px;display:inline-flex;box-shadow:inset 0 1px 1px #ffffff1f,0 3px 8px #0009}.traffic-light-lens{opacity:.25;background:#181d26;border:1px solid #ffffff14;border-radius:50%;width:12px;height:12px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.traffic-light-lens.lens-red.is-active{opacity:1;background:radial-gradient(circle at 35% 35%,#ff8a80 0%,#ff1744 55%,#b71c1c 100%);border-color:#ff5252;animation:2s ease-in-out infinite traffic-pulse-red;box-shadow:0 0 8px #ff1744,0 0 14px #ff174499,inset 0 1px 1px #fffc}.traffic-light-lens.lens-amber.is-active{opacity:1;background:radial-gradient(circle at 35% 35%,#ffe57f 0%,#ffab00 55%,#ff6f00 100%);border-color:#ffd740;box-shadow:0 0 8px #ffab00,0 0 14px #ffab0099,inset 0 1px 1px #fffc}.traffic-light-lens.lens-green.is-active{opacity:1;background:radial-gradient(circle at 35% 35%,#b9f6ca 0%,#00e676 55%,#00a152 100%);border-color:#69f0ae;box-shadow:0 0 8px #00e676,0 0 14px #00e67699,inset 0 1px 1px #fffc}@keyframes traffic-pulse-red{0%,to{opacity:.9;box-shadow:0 0 6px #ff1744,0 0 12px #ff174480,inset 0 1px 1px #fffc}50%{opacity:1;box-shadow:0 0 12px #ff1744,0 0 20px #ff1744cc,inset 0 1px 2px #fff}}.traffic-host-card{cursor:pointer;text-align:left;width:100%;color:inherit;background:#0d1118bf;border:1px solid #ffffff17;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;font-family:inherit;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.traffic-host-card:hover{background:#161c26f2;border-color:#00f0ff73;transform:translateY(-1px);box-shadow:0 4px 14px #00000073}.traffic-host-card:active{transform:translateY(0)}.network-relay-card{cursor:pointer;text-align:left;width:100%;color:inherit;border-radius:6px;flex-direction:column;justify-content:space-between;gap:5px;padding:8px 10px;font-family:inherit;text-decoration:none;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.network-relay-card:hover{transform:translateY(-2px)}.network-relay-card:active{transform:translateY(0)}.network-relay-card.status-green{background:linear-gradient(#00e67629 0%,#061a11e0 100%);border:1px solid #00e67673;box-shadow:0 2px 10px #00e6761f}.network-relay-card.status-green:hover{border-color:#00e676e6;box-shadow:0 4px 18px #00e67652}.network-relay-card.status-amber{background:linear-gradient(#ffab002e 0%,#1c1406e0 100%);border:1px solid #ffab0080;box-shadow:0 2px 10px #ffab0024}.network-relay-card.status-amber:hover{border-color:#ffab00f2;box-shadow:0 4px 18px #ffab0059}.network-relay-card.status-red{background:linear-gradient(#ff174433 0%,#1c080ce6 100%);border:1px solid #ff17448c;box-shadow:0 2px 12px #ff174433}.network-relay-card.status-red:hover{border-color:#ff1744;box-shadow:0 4px 20px #ff174473}.zoom-btn-group{background:#00000059;border:1px solid #ffffff1f;border-radius:4px;align-items:center;padding:1px;display:inline-flex}.zoom-btn{color:var(--text-dim);font-size:.72rem;font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 7px;font-weight:700;transition:all .15s}.zoom-btn:hover{color:#fff;background:#ffffff14}.zoom-btn.is-active{background:var(--accent-cyan);color:#050a12}