@font-face{font-family:Scada;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Scada-Regular.woff2) format("woff2")}:root{--color-bg: var(--background);--color-card: var(--surface);--color-card-light: var(--line);--color-border: var(--border);--color-border-active:var(--primary);--color-action: var(--primary);--color-action-dim: var(--primary-press);--color-action-glow: var(--primary-wash);--color-success: var(--success);--color-warn: var(--warn);--color-danger: var(--danger);--color-text: var(--text);--color-text-sec: var(--text-2);--color-text-muted: var(--text-2);--color-text-faint: var(--text-4);--font-sans: var(--font);--font-display: var(--font);--radius-sm: var(--r-sm);--radius-md: var(--r-sm);--radius-lg: var(--r-sm)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;--app-vh: 100dvh}@supports not (height: 100dvh){html{--app-vh: 100vh}}body{background:var(--background);color:var(--text);font-family:var(--font);overflow-x:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65;padding-top:env(safe-area-inset-top)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[inputmode=decimal],input[inputmode=numeric]{text-align:center!important;-webkit-text-align:center;font-size:16px!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--color-card) inset!important;-webkit-text-fill-color:var(--color-text)!important;caret-color:var(--color-text);transition:background-color 9999s ease-in-out 0s}input[type=range]{-webkit-appearance:none;background:transparent;width:100%;cursor:pointer}input[type=range]::-webkit-slider-track{height:4px;border-radius:2px;background:var(--color-border)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-action);margin-top:-8px;cursor:pointer;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes setRecorded{0%{background:#22c55e59}to{background:transparent}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.fade-in{animation:fadeIn .3s ease}@keyframes drawLine{to{stroke-dashoffset:0}}.chart-line{stroke-dasharray:2000;stroke-dashoffset:2000;animation:drawLine .9s ease forwards}.fade-card{opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}.fade-card.visible{opacity:1;transform:translateY(0)}.cta-btn{transition:box-shadow .2s ease,transform .15s ease}.cta-btn:hover{box-shadow:0 0 28px #38bdf859,0 6px 16px #38bdf833!important;transform:translateY(-1px)}.cta-btn:active{transform:scale(.98);box-shadow:0 0 10px #38bdf833!important}.btn-confirm:active{transform:scale(.95)}.page-content{max-width:860px;margin:0 auto}.glow-btn{transition:all .2s ease}.glow-btn:hover{box-shadow:0 0 20px #38bdf84d;transform:translateY(-1px)}.glow-btn:active{transform:translateY(0);box-shadow:none}.card-hover{transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.card-hover:hover{box-shadow:0 4px 16px #00000040!important;transform:translateY(-1px)}@media(min-width:768px){.pill-arrow-l,.pill-arrow-r{display:flex!important}}:focus-visible{outline:2px solid var(--color-action);outline-offset:2px;border-radius:4px}:root{--background: #000000;--surface: #000000;--line: #1A1A1A;--border: #262626;--border-hi: #404040;--primary: #00D4FF;--primary-press: #0099BB;--primary-wash: rgba(0,212,255,.08);--primary-line: rgba(0,212,255,.25);--text: #F5F5F5;--text-2: #A3A3A3;--text-3: #737373;--text-4: #525252;--text-invert: #000000;--success: #39D353;--warn: #F59E0B;--danger: #F85149;--gold: #FFD700;--strength: #378ADD;--inset-top: inset 0 1px 0 0 rgba(255,255,255,.04);--inset-cyan: inset 0 1px 0 0 rgba(0,212,255,.35);--inset-press: inset 0 1px 2px 0 rgba(0,0,0,.6);--font: "Scada", sans-serif;--bw: 1px;--h-ctl: 44px;--h-ctl-sm: 36px;--h-bar: 48px;--r-sm: 2px;--r-xs: 2px;--r-md: 2px;--c-bg: var(--background);--c-card: var(--surface);--c-row: var(--line);--c-input: var(--surface);--c-border: var(--border);--c-border-hard: var(--border-hi);--c-border-sep: var(--line);--c-border-focus: var(--primary);--c-text: var(--text);--c-text-sec: var(--text-2);--c-text-mut: var(--text-3);--c-text-faint: var(--text-4);--c-text-invert: var(--text-invert);--c-cyan: var(--primary);--c-cyan-10: var(--primary-wash);--c-cyan-15: var(--primary-line);--c-green: var(--success);--c-green-10: rgba(57,211,83,.1);--c-blue: var(--strength);--c-orange: #F97316;--c-red: var(--danger);--c-gold: var(--gold);--c-warn: var(--warn);--c-day-volume: var(--success);--c-day-strength: var(--strength);--c-day-moderate: #484F58;--ctl-h-dense: var(--h-ctl-sm);--ctl-h-touch: var(--h-ctl);--bottom-bar: var(--h-bar);--gap-card: 12px;--pad-card: 16px}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-sm)}