:root{--bg-base: #0f1114;--bg-surface: #16191d;--bg-canvas: #1c2025;--border-muted: #24282e;--border-active: #3f444d;--text-primary: #e2e4e9;--text-secondary: #9499a1;--text-dim: #5c6169;--accent-green: #4ade80;--accent-amber: #fbbf24;--accent-red: #f87171;--accent-blue: #60a5fa}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-base);color:var(--text-primary);letter-spacing:-.01em}body.app-shell{overflow:hidden}body.app-shell,body.app-shell #root{height:100vh}.surface-matte{background-color:var(--bg-surface);border:1px solid var(--border-muted)}.canvas-grid{background-color:var(--bg-canvas);background-image:linear-gradient(var(--border-muted) 1px,transparent 1px),linear-gradient(90deg,var(--border-muted) 1px,transparent 1px);background-size:80px 80px}.tactical-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.signal-row{border-bottom:1px solid var(--border-muted);transition:background-color .12s ease}.signal-row:hover{background-color:#ffffff08}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-muted);border-radius:0}.prominent-scroll{scrollbar-width:thin;scrollbar-color:rgba(124,255,224,.45) #0a0c0e}.prominent-scroll::-webkit-scrollbar{width:10px}.prominent-scroll::-webkit-scrollbar-track{background:#0a0c0e}.prominent-scroll::-webkit-scrollbar-thumb{background:#7cffe059;border-radius:6px;border:2px solid #0a0c0e}.prominent-scroll::-webkit-scrollbar-thumb:hover{background:#7cffe0a6}@keyframes progress-anim{0%{width:0%}to{width:100%}}.animate-progress{animation:progress-anim 1s ease-in-out forwards}.node-pulse{animation:node-pulse-anim 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes node-pulse-anim{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}@keyframes scanline-anim{0%{top:0%}to{top:100%}}.animate-scanline{animation:scanline-anim 8s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 8s linear infinite}.national-map-scan{background:linear-gradient(90deg,transparent 0%,rgba(103,232,249,.03) 34%,rgba(103,232,249,.16) 50%,rgba(103,232,249,.03) 66%,transparent 100%);filter:blur(.2px);opacity:.8;transform:translate(-115%);animation:national-map-scan 7s ease-in-out infinite}.national-svg-scan{animation:national-svg-scan 7s ease-in-out infinite}.national-live-state{animation:national-live-pulse 2.9s ease-in-out infinite}.national-selected-state{animation:national-selected-pulse 2.4s ease-in-out infinite}@keyframes national-map-scan{0%,16%{transform:translate(-115%);opacity:0}32%,72%{opacity:.75}88%,to{transform:translate(115%);opacity:0}}@keyframes national-svg-scan{0%,16%{transform:translate(0);opacity:0}32%,72%{opacity:.72}88%,to{transform:translate(770px);opacity:0}}@keyframes national-live-pulse{0%,to{stroke-opacity:.95;fill-opacity:1}50%{stroke-opacity:1;fill-opacity:.82}}@keyframes national-selected-pulse{0%,to{stroke-opacity:.86;fill-opacity:1}50%{stroke-opacity:1;fill-opacity:.78}}@media(prefers-reduced-motion:reduce){.national-map-scan,.national-svg-scan,.national-live-state,.national-selected-state{animation:none}}.no-blur{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.preview-headline-accent{color:var(--accent-green);text-shadow:0 0 30px rgba(74,222,128,.18)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes preview-pin{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.045);box-shadow:0 0 0 8px #72e18a12,0 0 24px #72e18a4d}}@keyframes preview-pin-focus{0%,to{transform:scale(1.14);box-shadow:0 0 0 12px #4ade8014,0 0 34px #4ade8075}50%{transform:scale(1.22);box-shadow:0 0 0 18px #4ade801a,0 0 46px #4ade8094}}@keyframes preview-scan{0%{transform:translateY(0);opacity:0}10%,75%{opacity:1}to{transform:translateY(520px);opacity:0}}@keyframes preview-filter{0%,to{filter:brightness(1)}50%{filter:brightness(1.35);box-shadow:0 0 20px #4ade803d}}@keyframes preview-row{0%,40%{opacity:.5}56%,to{opacity:1}}@keyframes preview-row-active{0%,58%{box-shadow:inset 0 0 0 1px #4ade8000}68%,88%{box-shadow:inset 0 0 0 1px #4ade8059,0 0 32px #4ade8014}to{box-shadow:inset 0 0 0 1px #4ade8029}}.preview-console{transform:translate3d(0,var(--preview-console-y, 10px),0);transition:transform .7s cubic-bezier(.2,.8,.2,1),border-color .7s ease,box-shadow .7s ease;will-change:transform}.preview-console-step-2,.preview-console-step-3{border-color:#4ade8038;box-shadow:0 34px 100px #00000080,0 0 42px #4ade800e}.preview-step-card{transform:translateZ(0)}.preview-step-card-active{transform:translate3d(6px,0,0)}.preview-step-fill{width:var(--preview-step-fill, 12%);transition:opacity .35s ease}.preview-map-stage{isolation:isolate}.preview-map-pan{transform:scale(1.02) translate3d(var(--preview-map-drift-x, 0%),var(--preview-map-drift-y, 0%),0);transform-origin:48% 46%;transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .9s ease;will-change:transform}.preview-map-step-1{transform:scale(1.02) translateZ(0)}.preview-map-step-2{transform:scale(1.07) translate3d(-1.8%,1.1%,0);filter:saturate(1.08) brightness(1.03)}.preview-map-step-3{transform:scale(1.1) translate3d(-3%,-1.6%,0);filter:saturate(1.14) brightness(1.06)}.preview-pin{animation:preview-pin 2.8s ease-in-out infinite;z-index:8;transition:opacity .5s ease,transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s ease,filter .7s ease;will-change:transform}.preview-pin-focus{animation-name:preview-pin-focus;opacity:1;z-index:18;filter:saturate(1.25) brightness(1.08)}.preview-pin-complete{opacity:.72;filter:saturate(.9)}.preview-scan{animation:preview-scan 6s linear infinite}.preview-filter{transition:filter .4s ease,box-shadow .4s ease}.preview-filter-active{animation:preview-filter 1.8s ease-in-out 1}.preview-value-bar{width:28%;transition:width .7s cubic-bezier(.2,.8,.2,1)}.preview-value-bar-active{width:78%}.preview-row{opacity:.58;transition:opacity .5s ease,box-shadow .5s ease,background-color .5s ease}.preview-row-dimmed{opacity:.34}.preview-row-active{opacity:1;animation:preview-row-active 2.4s ease-in-out 1}.preview-detail-layer{z-index:120}.preview-detail{opacity:0;transform:translate3d(18px,18px,0);z-index:1;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1);pointer-events:none}.preview-detail-active{opacity:1;transform:translateZ(0);z-index:1}.preview-selection{opacity:0;transform:scale(.72);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.preview-selection-active{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){.preview-map-pan,.preview-console,.preview-step-card,.preview-step-fill,.preview-pin,.preview-scan,.preview-filter,.preview-value-bar,.preview-row,.preview-row-active,.preview-detail,.preview-selection{animation:none!important;transition:none!important}}
