:root { color-scheme: dark; }
body { background:#0b0f19; }
.grid-bg { background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px; }
.glass { background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px); }
.fiber { animation:fiber 3.4s ease-in-out infinite; }
@keyframes fiber { 0%,100%{opacity:.35;transform:translateX(-8px)} 50%{opacity:1;transform:translateX(8px)} }
.reveal { opacity:0; transform:translateY(18px); transition:.7s ease; }
.reveal.visible { opacity:1; transform:none; }
input[type=range] { appearance:none;height:5px;border-radius:99px;background:linear-gradient(90deg,#00E5FF var(--fill,20%),#263248 var(--fill,20%)); }
input[type=range]::-webkit-slider-thumb { appearance:none;width:22px;height:22px;border-radius:50%;background:#F8FAFC;border:5px solid #00E5FF;box-shadow:0 0 20px rgba(0,229,255,.55);cursor:pointer; }
.status-card.active { border-color:rgba(0,229,255,.7);background:rgba(0,229,255,.08); }
.focus-ring:focus { outline:none; box-shadow:0 0 0 3px rgba(0,229,255,.22); border-color:#00E5FF; }