@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_176161{font-family:Inter,Inter Fallback;font-style:normal}.__variable_176161{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/7ad3736e903bfaa5-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/3150dd0728fab2c3-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e3db186a51b1f2b3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/3647a4d8cc3a67ad-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ad50a964c4297b83-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/a36735a804b49f85-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_c880a9{font-family:JetBrains Mono,JetBrains Mono Fallback;font-weight:500;font-style:normal}.__variable_c880a9{--font-jetbrains-mono:"JetBrains Mono","JetBrains Mono Fallback"}:root{--bg-base:#06120D;--bg-grid-line:rgba(140,220,180,0.04);--bg-glow-1:rgba(22,120,70,0.35);--bg-glow-2:rgba(16,90,55,0.28);--surface-glass:rgba(16,40,30,0.55);--surface-solid:#0E2219;--surface-inset:rgba(6,18,13,0.45);--border-subtle:rgba(140,220,180,0.14);--text-primary:#E8F5EE;--text-secondary:#9FBFB0;--text-muted:#6B8A7C;--accent:#34D399;--accent-glow:rgba(52,211,153,0.12);--status-success:#34D399;--status-warning:#FBBF24;--status-danger:#F87171;--status-neutral:#94A3B8;--status-success-soft:rgba(52,211,153,0.14);--status-warning-soft:rgba(251,191,36,0.14);--status-danger-soft:rgba(248,113,113,0.14);--status-neutral-soft:rgba(148,163,184,0.14);--status-success-line:rgba(52,211,153,0.4);--status-warning-line:rgba(251,191,36,0.4);--status-danger-line:rgba(248,113,113,0.4);--status-neutral-line:rgba(148,163,184,0.4);--mode-pagi:#FCD34D;--mode-malam:#A5B4FC;--mode-pagi-soft:rgba(252,211,77,0.12);--mode-malam-soft:rgba(165,180,252,0.12);--brand:#8CF622;--brand-soft:rgba(140,246,34,0.14);--param-pm25:#22D3EE;--param-ph:#8CF622;--param-temperature:#FACC15;--param-turbidity:#F87171;--chart-h:120px;--hist-pad:20px;--chart-fill-opacity:0.35;--chart-band-opacity:0.10;--chart-line-w:3px;--chart-night:rgba(165,180,252,0.07);--chart-event-reboot:var(--status-warning);--chart-event-offline:var(--status-danger);--chart-event-line-opacity:0.35;--chart-event-dot-r:2.5px;--chart-flag-dash:4 3;--chart-flag-opacity:0.45;--font-ui:var(--font-inter),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:var(--font-jetbrains-mono),ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--text-display:600 40px/48px var(--font-ui);--text-value:500 32px/40px var(--font-mono);--text-h1:600 24px/32px var(--font-ui);--text-h2:600 18px/26px var(--font-ui);--text-body:400 14px/22px var(--font-ui);--text-caption:500 12px/16px var(--font-ui);--text-hist-title:400 16px/24px var(--font-ui);--text-hist-sub:400 16px/24px var(--font-ui);--text-hist-label:500 10px/14px var(--font-mono);--text-hist-avg:500 18px/24px var(--font-mono);--text-hist-foot:500 11px/16px var(--font-mono);--text-hist-status:600 11px/16px var(--font-ui);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--shadow-card:0 8px 24px rgba(0,0,0,0.35);--shadow-glow:0 0 24px var(--accent-glow);--blur-glass:16px;--motion:150ms ease-out;--highlight-ms:600ms;--sidebar-w:240px;--content-max:1280px;--gutter:16px;--grid-step:32px;--bottom-nav-h:72px;--bottom-nav-offset:calc(var(--space-3) + env(safe-area-inset-bottom, 0px));--signal-size:22px}@media (min-width:1024px){:root{--gutter:32px}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font:var(--text-body);color:var(--text-primary);background-color:var(--bg-base);background-image:radial-gradient(60% 40% at 50% 55%,var(--bg-glow-1),transparent 70%),radial-gradient(40% 30% at 85% 10%,var(--bg-glow-2),transparent 70%),radial-gradient(40% 30% at 5% 85%,var(--bg-glow-2),transparent 70%),linear-gradient(var(--bg-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid-line) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,var(--grid-step) var(--grid-step),var(--grid-step) var(--grid-step);background-attachment:fixed;overflow-x:hidden}body,h1,h2,h3,p{margin:0}button{font:inherit}a,button{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app{min-height:100vh}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--gutter);background:var(--surface-solid);border-bottom:1px solid var(--border-subtle)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.topbar{background:var(--surface-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass))}}.brand{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;flex-shrink:0}.brand__logo{width:34px;height:34px}.brand__type{height:14px;width:112px}@media (min-width:420px){.brand{gap:var(--space-3)}.brand__logo{width:40px;height:40px}.brand__type{height:17px;width:136px}}@media (min-width:768px){.brand__logo{width:42px;height:42px}.brand__type{height:18px;width:144px}}.signal{display:inline-flex;flex-shrink:0;transition:color var(--motion)}.signal svg{width:var(--signal-size);height:var(--signal-size)}.nav{display:none}.nav__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-weight:500;transition:background var(--motion),color var(--motion)}.nav__link:hover{color:var(--text-primary);background:var(--surface-inset)}.nav__link[aria-current=page]{color:var(--brand);background:var(--brand-soft)}.bottom-nav{position:fixed;z-index:30;left:var(--gutter);right:var(--gutter);bottom:var(--bottom-nav-offset);height:var(--bottom-nav-h);display:flex;justify-content:space-around;align-items:center;border-radius:var(--radius-pill);background:var(--surface-solid);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.bottom-nav{background:var(--surface-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass))}}.bottom-nav__link{position:relative;display:grid;place-items:center;grid-gap:2px;gap:2px;width:64px;height:56px;color:var(--text-muted);text-decoration:none;font:var(--text-caption);border-radius:var(--radius-md)}.bottom-nav__link svg{width:26px;height:26px}.bottom-nav__link[aria-current=page]{color:var(--brand)}.bottom-nav__link[aria-current=page]:after{content:"";position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;background:var(--brand)}.main{width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-4) var(--gutter) calc(var(--bottom-nav-h) + var(--bottom-nav-offset) + var(--space-4))}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-4)}.page-head h1{font:var(--text-h1)}.page-head p{color:var(--text-secondary)}@media (min-width:768px){.bottom-nav{display:none}.main{padding-bottom:var(--space-12)}.nav{display:flex;gap:var(--space-1)}.topbar .nav{margin-right:auto;margin-left:var(--space-6)}}@media (min-width:1024px){.app{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-6) var(--space-4);background:var(--surface-solid);border-right:1px solid var(--border-subtle)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.sidebar{background:var(--surface-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass))}}.sidebar .nav{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar .signal{margin-top:auto;padding:var(--space-2) var(--space-3)}.topbar{display:none}.main{padding-top:var(--space-6)}}@media (max-width:1023px){.sidebar{display:none}}.card{position:relative;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-solid);box-shadow:var(--shadow-card);min-width:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.card{background:var(--surface-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass))}}@media (min-width:768px){.card{padding:var(--space-6)}}.card--success{border-color:var(--status-success-line)}.card--warning{border-color:var(--status-warning-line)}.card--danger{border-color:var(--status-danger-line)}.card--neutral{border-color:var(--status-neutral-line)}.card--glow{box-shadow:var(--shadow-card),var(--shadow-glow)}.card__label{font:var(--text-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.card__title{font:var(--text-h2)}.card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.card__note{font:var(--text-caption);color:var(--text-muted)}.section-title{font:var(--text-h2);margin:var(--space-8) 0 var(--space-3)}.is-dim{opacity:.5}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);border:1px solid transparent;font:var(--text-caption);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.badge svg{width:14px;height:14px}.badge--success{color:var(--status-success);background:var(--status-success-soft);border-color:var(--status-success-line)}.badge--warning{color:var(--status-warning);background:var(--status-warning-soft);border-color:var(--status-warning-line)}.badge--danger{color:var(--status-danger);background:var(--status-danger-soft);border-color:var(--status-danger-line)}.badge--neutral{color:var(--status-neutral);background:var(--status-neutral-soft);border-color:var(--status-neutral-line)}.t-success{color:var(--status-success)}.t-warning{color:var(--status-warning)}.t-danger{color:var(--status-danger)}.t-neutral{color:var(--status-neutral)}.ov-top{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:1fr 1fr;grid-template-areas:"mode power" "health health"}.ov-top>.health{grid-area:health}.ov-top>.mode{grid-area:mode}.ov-top>.power{grid-area:power}@media (min-width:1024px){.ov-top{gap:var(--space-4);grid-template-columns:2fr 1fr 1fr;grid-template-areas:"health mode power"}}.health__value{font:var(--text-display);margin:var(--space-2) 0 var(--space-3);letter-spacing:.01em}.health__bar{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-1);gap:var(--space-1);margin-bottom:var(--space-3)}.health__seg{height:6px;border-radius:var(--radius-pill);background:var(--status-neutral-soft)}.health__seg--success{background:var(--status-success)}.health__seg--warning{background:var(--status-warning)}.health__seg--danger{background:var(--status-danger)}.health__seg--neutral{background:var(--status-neutral-line)}.health__foot{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-4)}.health__count{color:var(--text-secondary)}.health__count .mono{color:var(--text-primary);font-weight:500}.health__reason{color:var(--text-secondary)}.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-2);min-height:132px}.stat__label{font:700 14px/18px var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.stat__value{display:inline-flex;align-items:center;gap:var(--space-2);font:700 20px/26px var(--font-ui)}.stat__value svg{width:22px;height:22px}.stat__sub{font:var(--text-caption);color:var(--text-muted)}@media (min-width:768px){.stat__label{font:var(--text-caption);letter-spacing:.08em;color:var(--text-secondary)}}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font:700 18px/26px var(--font-ui)}.chip svg{width:20px;height:20px}.chip--pagi{color:var(--mode-pagi);background:var(--mode-pagi-soft)}.chip--malam{color:var(--mode-malam);background:var(--mode-malam-soft)}.sensor-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:1fr}@media (min-width:480px){.sensor-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.sensor-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-4)}}.sensor{padding:var(--space-4);overflow:hidden}.sensor__name{display:flex;align-items:center;gap:var(--space-2);font-weight:600;min-width:0}.sensor__name svg{width:20px;height:20px;stroke-width:1.75}.sensor__read{flex-wrap:wrap;justify-content:space-between;gap:var(--space-2) var(--space-3);margin-top:var(--space-3)}.sensor__read,.sensor__value{display:flex;align-items:baseline}.sensor__value{gap:var(--space-2);min-width:0}.sensor__num{font:500 24px/32px var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border-radius:var(--radius-sm)}.sensor__unit{color:var(--text-secondary)}.sensor__doubt{position:relative;z-index:1;margin-top:var(--space-2);font:var(--text-caption)}.sensor .badge{align-self:center;flex-shrink:0}@media (min-width:360px){.sensor__num{font:500 28px/36px var(--font-mono)}}@media (min-width:480px){.sensor__num{font:var(--text-value)}}.sensor .note{margin-top:var(--space-2)}.sensor .skeleton{flex:0 0 auto}.sensor__mark{position:absolute;right:-34px;bottom:-40px;opacity:.07;pointer-events:none}.sensor__mark svg{width:124px;height:124px;stroke-width:1}@media (min-width:768px){.sensor{padding:var(--space-4) var(--space-6) var(--space-6)}}.is-updated{animation:flash var(--highlight-ms) ease-out}@keyframes flash{0%{background:var(--brand-soft);box-shadow:0 0 0 4px var(--brand-soft)}to{background:transparent;box-shadow:0 0 0 4px transparent}}.p-pm25{color:var(--param-pm25)}.p-ph{color:var(--param-ph)}.p-temperature{color:var(--param-temperature)}.p-turbidity{color:var(--param-turbidity)}.sys-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}@media (min-width:1024px){.sys-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--space-4);align-items:start}}.sys-side{grid-gap:var(--space-3)}.sys-pair,.sys-side{display:grid;gap:var(--space-3)}.sys-pair{grid-template-columns:1fr 1fr;grid-gap:var(--space-3)}.runtime{overflow:hidden;border-color:var(--status-success-line)}.runtime__value{font:500 40px/48px var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--brand);margin-top:var(--space-2);position:relative;z-index:1}.runtime__value small{font-size:.55em;color:var(--text-secondary);margin:0 var(--space-2) 0 2px}.runtime__hill{position:absolute;right:-8%;bottom:0;width:68%;height:70%;color:var(--brand);pointer-events:none}.runtime .card__note{position:relative;z-index:1;margin-top:var(--space-2)}.act-table{width:100%;border-collapse:collapse;margin-top:var(--space-4)}.act-table th{text-align:left;padding:var(--space-2) var(--space-2);font:var(--text-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.act-table td:last-child,.act-table th:last-child{text-align:right}.act-table td{padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.act-table tr:last-child td{border-bottom:0}.act-row__name{display:flex;align-items:center;gap:var(--space-3)}.act-row__icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);background:var(--surface-inset);color:var(--text-secondary)}.act-row__icon svg{width:20px;height:20px}.act-row--on .act-row__icon{color:var(--brand);background:var(--brand-soft)}.act-row__title{font-weight:600}.shealth{margin-top:var(--space-3)}@media (min-width:1024px){.shealth{margin-top:var(--space-4)}}.shealth__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.shealth__window{font:var(--text-caption);color:var(--text-secondary);white-space:nowrap}.shealth__device{margin-top:var(--space-3);font:var(--text-body)}.shealth__list{list-style:none;margin:var(--space-3) 0 0;padding:0}.shealth__row{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.shealth__row:last-child{border-bottom:0}@media (min-width:600px){.shealth__row{grid-template-columns:9rem minmax(0,1fr);gap:var(--space-3);align-items:baseline}}.shealth__name{display:flex;align-items:center;gap:var(--space-2);font-weight:600}.shealth__name svg{width:18px;height:18px;stroke-width:1.75}.shealth__msg{font:var(--text-body);overflow-wrap:anywhere}.shealth__empty{margin-top:var(--space-3)}.hist-range{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.hist-range__label{font:var(--text-caption);color:var(--text-secondary);white-space:nowrap}.hist-range__select{flex:1 1 auto;min-width:0;max-width:280px;min-height:40px;padding:var(--space-2) var(--space-3);font:var(--text-body);color:var(--text-primary);background:var(--surface-solid);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.hist-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}@media (min-width:1024px){.hist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}}@media (max-width:767px){.hist{padding:var(--hist-pad)}}.hist__title{font:var(--text-hist-title)}.hist__avg{text-align:right}.hist__avg .card__label{font:var(--text-hist-label)}.hist__avg-num{font:var(--text-hist-avg);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.hist__unit{margin-left:var(--space-1);font:var(--text-caption)}.hist__sub,.hist__unit{color:var(--text-secondary)}.hist__sub{font:var(--text-hist-sub)}.hist__chart{position:relative;margin:var(--space-3) 0 var(--space-2);height:var(--chart-h);touch-action:pan-y}.hist__chart .recharts-surface{overflow:visible}.hist__foot{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);font:var(--text-hist-foot);color:var(--text-secondary);white-space:nowrap}.hist__status{font:var(--text-hist-status);letter-spacing:.04em}.hist__doubt{margin-top:var(--space-1);font:var(--text-caption);text-align:right}.chart-band path{fill-opacity:var(--chart-band-opacity)}.chart-avg path{stroke-width:var(--chart-line-w)}.chart-avg--flag path{stroke-dasharray:var(--chart-flag-dash);stroke-opacity:var(--chart-flag-opacity)}.chart-threshold line{stroke:var(--status-warning);stroke-opacity:.6}.chart-night path{fill:var(--chart-night);fill-opacity:1;stroke:none}.chart-event line{stroke-width:1;stroke-opacity:var(--chart-event-line-opacity)}.chart-event--reboot line{stroke:var(--chart-event-reboot)}.chart-event--offline line{stroke:var(--chart-event-offline)}.chart-event__dot{r:var(--chart-event-dot-r)}.chart-event__dot--reboot{fill:var(--chart-event-reboot)}.chart-event__dot--offline{fill:var(--chart-event-offline)}.chart-cursor{stroke:var(--text-secondary);stroke-width:1;stroke-dasharray:3 3}.tooltip{min-width:160px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-solid);box-shadow:var(--shadow-card);font:var(--text-caption)}.tooltip__time{font-weight:600}.tooltip__time,.tooltip__warn{margin-bottom:var(--space-1)}.tooltip__events{margin:0 0 var(--space-1);padding:0;list-style:none}.tooltip__events li{display:flex;gap:var(--space-2)}.tooltip__ev--malam{color:var(--mode-malam)}.tooltip__ev--pagi{color:var(--mode-pagi)}.tooltip__events time{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-secondary)}.tooltip dl{display:grid;grid-template-columns:auto auto;grid-gap:2px var(--space-3);gap:2px var(--space-3);margin:0}.tooltip dt{color:var(--text-muted)}.tooltip dd{margin:0;text-align:right;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--status-neutral-soft),var(--border-subtle),var(--status-neutral-soft));background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.state-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);color:var(--text-secondary)}.state-box svg{width:32px;height:32px;color:var(--text-muted)}.state-box strong{color:var(--text-primary);font:var(--text-h2)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-inset);cursor:pointer;font-weight:500;transition:border-color var(--motion),background var(--motion)}.btn:hover{border-color:var(--accent);background:var(--accent-glow)}.btn svg{width:16px;height:16px}.alert{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--status-danger-line);background:var(--status-danger-soft)}.alert svg{width:20px;height:20px;color:var(--status-danger);flex-shrink:0}.alert p{flex:1 1;min-width:180px}.devpanel{position:fixed;z-index:40;right:var(--gutter);bottom:calc(var(--bottom-nav-h) + var(--space-6));font:var(--text-caption)}@media (min-width:768px){.devpanel{bottom:var(--space-4)}}.devpanel summary{list-style:none;cursor:pointer;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px dashed var(--status-warning-line);background:var(--surface-solid);color:var(--status-warning)}.devpanel summary::-webkit-details-marker{display:none}.devpanel__body{position:absolute;right:0;bottom:calc(100% + var(--space-2));width:min(280px,calc(100vw - 2 * var(--gutter)));display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-solid);box-shadow:var(--shadow-card)}.devpanel label{display:grid;grid-gap:var(--space-1);gap:var(--space-1);color:var(--text-secondary)}.devpanel select{font:var(--text-body);color:var(--text-primary);padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-base)}.gallery{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.gallery__item h3{font:var(--text-caption);color:var(--status-warning);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-2)}.gallery--wide{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.note{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font:var(--text-caption);color:var(--text-muted)}.note.t-warning{color:var(--status-warning)}.note svg{width:16px;height:16px;flex-shrink:0}.actuators .note{margin-top:var(--space-1)}.enter .card{animation:rise .52s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i, 0) * 70ms)}.enter .alert,.enter .section-title{animation:fade-in .4s ease-out both}.enter .health__seg{transform-origin:left;animation:grow .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.25s + var(--i, 0) * 90ms)}.enter .act-row{animation:slide-in .42s ease-out both;animation-delay:calc(.2s + var(--i, 0) * 70ms)}.enter .health__value,.enter .runtime__value{animation:pop .6s cubic-bezier(.2,.7,.2,1) .2s both}.chip--pagi .chip__icon{animation:spin 24s linear infinite}.chip--malam .chip__icon{animation:sway 4s ease-in-out infinite;transform-origin:center}.power__icon{animation:flicker 3s ease-in-out infinite}.runtime__hill{animation:drift 8s ease-in-out infinite alternate}.card{transition:border-color var(--motion),transform var(--motion)}@media (hover:hover){.card:hover{transform:translateY(-2px)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes slide-in{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes sway{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.6}}@keyframes drift{0%{transform:translateX(0)}to{transform:translateX(-6%)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}