:root{--sp-bg: #0B1220;--sp-surface: #141E30;--sp-surface2: #1C2A40;--sp-surface3: #243350;--sp-border: #263145;--sp-border-bright: #334d70;--sp-text: #E8EDF5;--sp-muted: #8A9BB8;--sp-muted2: #5E7294;--sp-accent: #38BDF8;--sp-accent2: #0EA5E9;--sp-green: #22D3AE;--sp-yellow: #FBBF24;--sp-orange: #FB923C;--sp-red: #F87171;--sp-red-pulse: #EF4444;--sp-critical: #DC2626;--glow-accent: 0 0 12px rgba(56,189,248,.5), 0 0 32px rgba(56,189,248,.15);--glow-green: 0 0 10px rgba(34,211,174,.5), 0 0 24px rgba(34,211,174,.15);--glow-yellow: 0 0 10px rgba(251,191,36,.5), 0 0 24px rgba(251,191,36,.12);--glow-orange: 0 0 10px rgba(251,146,60,.55), 0 0 24px rgba(251,146,60,.15);--glow-red: 0 0 12px rgba(239,68,68,.65), 0 0 28px rgba(239,68,68,.2);--glow-critical: 0 0 14px rgba(220,38,38,.8), 0 0 36px rgba(220,38,38,.3)}*{box-sizing:border-box}body{background-color:var(--sp-bg);background-image:radial-gradient(rgba(56,189,248,.055) 1px,transparent 1px);background-size:28px 28px;color:var(--sp-text);font-family:Inter,system-ui,-apple-system,sans-serif;margin:0;padding:0;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--sp-bg)}::-webkit-scrollbar-thumb{background:var(--sp-border-bright);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--sp-accent2)}@keyframes pulse-ring{0%{transform:scale(.85);opacity:.9}to{transform:scale(1.7);opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.12}}@keyframes beacon{0%,to{background-color:#dc26260f}50%{background-color:#dc26262b}}@keyframes scan{0%{transform:translate(-120%);opacity:0}8%{opacity:1}92%{opacity:.7}to{transform:translate(600%);opacity:0}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes ecg-breathe{0%,to{opacity:.65;filter:drop-shadow(0 0 2px rgba(56,189,248,.4))}50%{opacity:1;filter:drop-shadow(0 0 8px rgba(56,189,248,.95))}}@keyframes ecg-travel{0%{stroke-dashoffset:80;opacity:0}6%{opacity:1}94%{opacity:.9}to{stroke-dashoffset:-12;opacity:0}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes num-pop{0%{transform:scale(1)}35%{transform:scale(1.1)}to{transform:scale(1)}}.animate-pulse-ring{animation:pulse-ring 1.4s cubic-bezier(.4,0,.6,1) infinite}.animate-blink{animation:blink 1s ease-in-out infinite}.animate-beacon{animation:beacon 2.2s ease-in-out infinite}.dot-glow-green{box-shadow:var(--glow-green)}.dot-glow-yellow{box-shadow:var(--glow-yellow)}.dot-glow-orange{box-shadow:var(--glow-orange)}.dot-glow-red{box-shadow:var(--glow-red)}.dot-glow-critical{box-shadow:var(--glow-critical)}.text-glow-accent{text-shadow:0 0 18px rgba(56,189,248,.7)}.text-glow-green{text-shadow:0 0 16px rgba(34,211,174,.6)}.text-glow-yellow{text-shadow:0 0 16px rgba(251,191,36,.5)}.text-glow-orange{text-shadow:0 0 16px rgba(251,146,60,.55)}.text-glow-red{text-shadow:0 0 18px rgba(239,68,68,.65)}.text-glow-critical{text-shadow:0 0 22px rgba(220,38,38,.9)}.gradient-line{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(56,189,248,.55) 20%,rgba(34,211,174,.9) 50%,rgba(56,189,248,.55) 80%,transparent 100%);background-size:200% 100%;animation:gradient-shift 5s ease infinite}.sp-card{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:10px;transition:border-color .25s,transform .25s,box-shadow .25s}.sp-card:hover{border-color:var(--sp-border-bright);transform:translateY(-1px);box-shadow:0 6px 24px #00000073}