:root{font-synthesis:none;text-rendering:optimizelegibility;background:#061921;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button:focus-visible{outline-offset:2px;outline:2px solid}main{--ink:#1d3041;--muted:#718394;--faint:#a5b1ba;--surface:#ffffffd1;--surface-solid:#fff;--surface-strong:#f2f7f8;--line:#2b516726;--accent:#29769a;--accent-rgb:41, 118, 154;--accent-soft:#29769a1a;--good:#25956d;--warning:#c27824;--background:#edf3f5;background:var(--background);color:var(--ink);isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.dashboard-shell{z-index:1;max-width:1240px;margin:0 auto;padding:42px 28px 80px;position:relative}.ambient{background:rgba(var(--accent-rgb), .17);filter:blur(2px);opacity:.42;pointer-events:none;z-index:-1;border-radius:50%;width:520px;height:520px;position:absolute}.ambient-one{top:-310px;right:-250px}.ambient-two{opacity:.12;background:#236d8b;bottom:-440px;left:-310px}.masthead,.brand,.status,.overview,.overview-condition,.readings-heading,.card-topline,.card-title,.primary-reading{display:flex}.masthead{justify-content:space-between;align-items:center;margin-bottom:35px}.brand{align-items:center;gap:15px}.brand-mark{border:1px solid rgba(var(--accent-rgb), .5);border-radius:50%;justify-content:center;align-items:center;width:43px;height:43px;display:flex;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark span{background:var(--accent);content:"";border-radius:99px;width:23px;height:2px;position:absolute;transform:rotate(-35deg)}.brand-mark:before{translate:-3px -6px}.brand-mark:after{translate:3px 6px}.brand-mark span{opacity:.55}.eyebrow,.section-kicker{color:var(--accent);letter-spacing:.19em;margin:0 0 5px;font-size:.65rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:650;line-height:.9}h1 em{color:var(--accent);letter-spacing:-.08em;font-family:Georgia,serif;font-size:.86em;font-weight:400}.status{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;padding:10px 17px 10px 13px;box-shadow:0 10px 35px #00000014}.back-link{background:var(--surface);border:1px solid var(--line);color:var(--accent);border-radius:999px;padding:10px 15px;font-size:.76rem;font-weight:700;text-decoration:none;transition:background .2s,transform .2s}.back-link:hover{background:var(--accent-soft);transform:translate(-2px)}.status strong{font-size:.8rem;display:block}.status small{color:var(--muted);margin-top:3px;font-size:.68rem;display:block}.status-dot{background:#e16c66;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #e16c661f}.status.online .status-dot{background:var(--good);box-shadow:0 0 0 4px #62e7aa21,0 0 16px #62e7aa8c}.overview{background:linear-gradient(100deg, var(--surface-strong), var(--surface));border:1px solid var(--line);border-radius:20px;align-items:center;gap:28px;min-height:128px;margin-bottom:20px;padding:24px 27px;overflow:hidden}.overview-intro{min-width:220px}.overview-intro strong{letter-spacing:-.035em;font-size:1.3rem;display:block}.overview-intro p{color:var(--muted);margin:7px 0 0;font-size:.75rem}.pulse-line{opacity:.8;flex:1;align-items:center;gap:5px;height:38px;display:flex;overflow:hidden}.pulse-line i{background:var(--accent);opacity:.75;border-radius:3px;flex:1;min-width:9px;height:7px;display:block}.pulse-line i:nth-child(2),.pulse-line i:nth-child(6){height:21px}.pulse-line i:nth-child(3),.pulse-line i:nth-child(5){height:13px}.pulse-line i:nth-child(4){box-shadow:0 0 17px var(--accent);opacity:1;height:34px}.overview-condition{border-left:1px solid var(--line);align-items:center;gap:10px;padding-left:25px}.condition-orb{background:var(--good);box-shadow:0 0 18px var(--good);border-radius:50%;width:10px;height:10px}.overview-condition.warning .condition-orb{background:var(--warning);box-shadow:0 0 18px var(--warning)}.overview-condition span:not(.condition-orb){color:var(--muted);letter-spacing:.12em;font-size:.61rem;font-weight:750;display:block}.overview-condition strong{white-space:nowrap;margin-top:4px;font-size:.78rem;display:block}.notice,.empty{border-radius:12px;padding:14px 16px}.notice{color:var(--warning);background:#ffba4f21;border:1px solid #ffc4614d;margin-bottom:23px}.empty{border:1px dashed var(--line);color:var(--muted);text-align:center;grid-column:1/-1;margin:0;padding:45px}.dev-intro{border-bottom:1px solid var(--line);margin-bottom:22px;padding:4px 2px 24px}.dev-intro h2{letter-spacing:-.05em;margin:0 0 7px;font-size:clamp(1.7rem,4vw,2.35rem)}.dev-intro p{color:var(--muted);max-width:620px;margin:0;font-size:.82rem;line-height:1.55}.gauge-playground{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.gauge-demo-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:21px}.demo-card-heading{align-items:center;gap:10px;display:flex}.demo-card-heading>div>span{color:var(--muted);letter-spacing:.09em;font-family:ui-monospace,monospace;font-size:.62rem;display:block}.demo-card-heading h3{letter-spacing:-.03em;margin:2px 0 0;font-size:1.05rem}.gauge-demo-card .level-visual{margin-top:20px}.level-slider{color:var(--muted);letter-spacing:.04em;margin-top:19px;font-size:.7rem;font-weight:700;display:block}.level-slider span{justify-content:space-between;display:flex}.level-slider strong{color:var(--accent)}.level-slider input{accent-color:var(--accent);cursor:pointer;width:100%;margin:10px 0 0;display:block}.preset-buttons{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:17px;display:grid}.preset-buttons button{background:var(--accent-soft);color:var(--ink);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 4px;font-size:.65rem;transition:background .2s,border-color .2s,transform .2s}.preset-buttons button:hover{background:var(--surface-strong);border-color:rgba(var(--accent-rgb), .35);transform:translateY(-1px)}.preset-buttons b{color:var(--accent);margin-top:2px;font-size:.6rem;display:block}.readings-heading{justify-content:space-between;align-items:end;margin:0 2px 16px}.readings-heading h2{letter-spacing:-.04em;margin:0;font-size:1.5rem}.readings-heading p{color:var(--muted);margin:0 0 2px;font-size:.73rem}.devices{grid-template-columns:repeat(auto-fill,minmax(244px,1fr));gap:16px;display:grid}.device-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;min-height:273px;padding:17px 18px 15px;position:relative;overflow:hidden}.device-card:after{background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .2), transparent);content:"";width:100%;height:1px;position:absolute;top:0;left:0}.device-card.stale{opacity:.78}.device-card.restored .card-state{color:var(--warning)}.device-card.restored .card-state i{background:var(--warning);box-shadow:none}.card-topline{justify-content:flex-end;display:flex}.card-state{color:var(--good);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;font-size:.62rem;font-weight:750;display:flex}.card-state i{background:var(--good);box-shadow:0 0 8px var(--good);border-radius:50%;width:5px;height:5px}.stale .card-state{color:var(--warning)}.stale .card-state i{background:var(--warning);box-shadow:none}.card-title{justify-content:space-between;align-items:flex-end;margin-top:15px}.card-title p{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.61rem}.card-title h3{letter-spacing:-.025em;margin:0;font-size:1rem}.topic-tag{color:var(--faint);letter-spacing:.1em;font-size:.57rem;font-weight:700}.primary-reading{border-bottom:1px solid var(--line);align-items:baseline;gap:6px;margin:19px 0 14px;padding-bottom:16px;position:relative}.primary-reading strong{color:var(--ink);letter-spacing:-.075em;font-size:clamp(2.35rem,5vw,3rem);font-weight:520;line-height:.85}.primary-reading.caution strong{color:var(--warning)}.primary-reading.critical strong{color:#d85a50}.primary-reading>span{color:var(--accent);font-size:.86rem;font-weight:700}.primary-reading small{color:var(--muted);font-size:.61rem;position:absolute;bottom:-12px;left:0}.level-visual{border-bottom:1px solid var(--line);align-items:center;gap:17px;height:108px;margin:13px 0 14px;padding:3px 0 14px;display:flex}.level-copy>span{color:var(--muted);letter-spacing:.14em;font-size:.59rem;font-weight:800;display:block}.level-copy strong{letter-spacing:-.08em;margin:4px 0 2px;font-size:2.75rem;font-weight:520;line-height:.94;display:block}.level-copy small{color:var(--muted);font-size:.67rem}.tank-gauge{color:var(--accent);background:linear-gradient(90deg,#29769a14,#29769a29);border:2px solid;border-radius:9px 9px 13px 13px;width:52px;height:91px;position:relative;overflow:hidden}.tank-gauge:before{content:"";z-index:3;border-bottom:2px solid;border-radius:0 0 4px 4px;width:26px;height:7px;position:absolute;top:-2px;left:11px}.tank-fill{background:linear-gradient(90deg,#29769ac7,#55b3cf,#29769ad9);width:100%;transition:height .7s cubic-bezier(.2,.9,.3,1);position:absolute;bottom:0;left:0;overflow:hidden}.tank-fill i,.tank-fill i:after{content:"";background:#ffffff8c;border-radius:50%;width:27px;height:7px;position:absolute;top:-3px;left:-9px}.tank-fill i:after{top:1px;left:19px}.tank-line{z-index:2;border-top:1px solid #ffffffa6;width:10px;position:absolute;left:8px}.line-one{bottom:28%}.line-two{bottom:55%}.battery-gauge{color:var(--accent);background:#29769a14;border:2px solid;border-radius:8px;width:82px;height:58px;padding:4px;position:relative;overflow:visible}.battery-gauge:after{content:"";border:2px solid;border-left:0;border-radius:0 5px 5px 0;width:6px;height:24px;position:absolute;top:15px;right:-8px}.battery-charge{background:linear-gradient(90deg,currentColor,#5fb4c8);border-radius:3px;min-width:4px;height:100%;transition:width .7s cubic-bezier(.2,.9,.3,1)}.healthy .tank-gauge,.healthy .battery-gauge{color:var(--good)}.healthy .tank-fill{background:linear-gradient(90deg,#25956dcc,#62cfa6,#25956dd9)}.healthy .battery-charge{background:linear-gradient(90deg,currentColor,#75d7a8)}.caution .tank-gauge,.caution .battery-gauge{color:var(--warning)}.caution .tank-fill{background:linear-gradient(90deg,#d58a35,#f1bd59,#d58a35)}.caution .battery-charge{background:linear-gradient(90deg,currentColor,#edbc5e)}.critical .tank-gauge,.critical .battery-gauge,.critical .level-copy strong{color:#d85a50}.critical .tank-fill{background:linear-gradient(90deg,#c54d45,#e77c67,#c54d45)}.critical .battery-charge{background:linear-gradient(90deg,currentColor,#e37a68)}dl{grid-template-columns:1fr auto;gap:7px;margin:0 0 19px;display:grid}dt{color:var(--muted);font-size:.72rem}dd{margin:0;font-size:.76rem;font-weight:700}footer{color:var(--faint);font-size:.65rem;position:absolute;bottom:15px;left:18px}@media (width<=880px){.overview{flex-wrap:wrap;align-items:flex-start}.pulse-line{min-width:180px}.overview-condition{margin-left:auto}}@media (width<=620px){.dashboard-shell{padding:27px 16px 54px}.masthead{flex-direction:column;align-items:flex-start;gap:18px}.overview{padding:21px;display:block}.pulse-line{margin:19px 0}.overview-condition{border-left:0;border-top:1px solid var(--line);margin:0;padding:15px 0 0}.readings-heading{flex-direction:column;align-items:flex-start;gap:8px}.devices,.gauge-playground{grid-template-columns:1fr}.level-visual{gap:14px}}