:root{--bg: #F4F5F7;--surface: #FFFFFF;--surface-2: #F8F9FB;--surface-3: #EFF1F5;--border: #E5E8EE;--border-2: #ECEFF3;--text: #0B1220;--text-2: #4C5563;--text-3: #8A93A1;--text-4: #B7BEC9;--brand: #1F4866;--brand-2: #2A6FA0;--brand-soft: #E6EEF5;--pv: #16A34A;--pv-soft: #DCFCE7;--grid: #475569;--grid-soft: #E2E8F0;--charge: #D97706;--charge-soft: #FEF3C7;--export: #65A30D;--export-soft: #ECFCCB;--batt: #2A6FA0;--batt-soft: #E6EEF5;--danger: #DC2626;--danger-soft: #FEE2E2;--warn: #CA8A04;--info: #2563EB;--c1: #1F4866;--c2: #2A6FA0;--c3: #4F8FBF;--c4: #16A34A;--c5: #65A30D;--c6: #D97706;--c7: #B45309;--c8: #475569;--c9: #64748B;--c10:#94A3B8;--c11:#A16207;--c12:#7C3AED;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--shadow-sm: 0 1px 2px rgba(15,23,42,.04), 0 1px 1px rgba(15,23,42,.03);--shadow-md: 0 6px 18px rgba(15,23,42,.07), 0 1px 2px rgba(15,23,42,.04);--shadow-lg: 0 14px 40px rgba(15,23,42,.1)}[data-theme=dark]{--bg: #0A0F18;--surface: #121A28;--surface-2: #0E1622;--surface-3: #1A2435;--border: #1E2A3F;--border-2: #182335;--text: #F1F5F9;--text-2: #A6B0BF;--text-3: #6B7585;--text-4: #4A5363;--brand: #5BA3D8;--brand-2: #4A90C2;--brand-soft: #15263A;--pv: #34D399;--pv-soft: #062b1d;--grid: #94A3B8;--grid-soft: #1B2331;--charge: #F59E0B;--charge-soft: #2A1d05;--export: #A3E635;--export-soft: #14210A;--batt: #5BA3D8;--batt-soft: #15263A;--danger: #F87171;--danger-soft: #2A1212;--c1: #5BA3D8;--c2: #4A90C2;--c3: #7AB7DE;--c4: #34D399;--c5: #A3E635;--c6: #F59E0B;--c7: #FB923C;--c8: #94A3B8;--c9: #CBD5E1;--c10:#64748B;--c11:#FBBF24;--c12:#A78BFA;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 6px 18px rgba(0,0,0,.4);--shadow-lg: 0 14px 40px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}.mono{font-family:Geist Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.boot-splash{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-3);font-size:14px}.fatal{margin:40px auto;max-width:520px;padding:16px 18px;border-radius:12px;background:var(--danger-soft);color:var(--danger);font-size:13.5px;line-height:1.5}.app-shell{min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text);display:flex;flex-direction:column;position:relative;max-width:520px;margin:0 auto}.m-top{padding:calc(env(safe-area-inset-top) + 18px) 20px 12px;display:flex;align-items:flex-end;gap:12px;background:var(--bg);position:relative;z-index:6;flex:none}.m-top .back{width:34px;height:34px;border-radius:11px;flex:none;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text-2);cursor:pointer;margin-bottom:2px}.m-top .htitle{font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.05}.m-top .hsub{font-size:12.5px;color:var(--text-3);font-weight:500;margin-top:2px}.m-top .live{margin-left:auto;margin-bottom:4px;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:11.5px;color:var(--text-2);font-weight:600;white-space:nowrap}.m-top .live.off .dot{background:var(--text-4);animation:none}.m-top .live .dot{width:7px;height:7px;border-radius:50%;background:var(--pv);animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--pv) 55%,transparent)}to{box-shadow:0 0 0 7px transparent}}.m-scroll{flex:1 0 auto;padding:4px 16px calc(env(safe-area-inset-bottom) + 84px);display:flex;flex-direction:column;gap:14px}.page{display:flex;flex-direction:column;gap:14px}.mcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.mcard.pad{padding:16px}.mcard.tap{cursor:pointer;transition:transform .12s ease,box-shadow .15s ease}.mcard.tap:active{transform:scale(.985)}.mcard-h{display:flex;align-items:center;gap:8px;padding:14px 16px 0}.mcard-h h3{margin:0;font-size:14px;font-weight:650;letter-spacing:-.01em}.mcard-h .sub{font-size:11.5px;color:var(--text-3);font-weight:500}.mcard-h .right{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--text-3);font-size:12px}.mcard-b{padding:14px 16px 16px}.hero{border-radius:var(--r-xl);border:1px solid var(--border);background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--pv) 9%,var(--surface)) 0%,var(--surface) 60%);box-shadow:var(--shadow-md);overflow:hidden;position:relative}.hero.pad{padding:20px}.bigstat .v{font-size:44px;font-weight:700;letter-spacing:-.03em;line-height:1}.bigstat .v .u{font-size:18px;font-weight:600;color:var(--text-3);margin-left:4px}.tiles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 12px 13px;display:flex;flex-direction:column;gap:7px;box-shadow:var(--shadow-sm)}.tile .ic{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center}.tile .lab{font-size:11px;color:var(--text-3);font-weight:500;line-height:1.2}.tile .val{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1}.tile .val .u{font-size:11px;font-weight:600;color:var(--text-3);margin-left:2px}.h-stack{display:flex;align-items:center;gap:8px}.v-stack{display:flex;flex-direction:column;gap:3px}.between{justify-content:space-between}.muted{color:var(--text-3)}.sep{height:1px;background:var(--border-2);margin:2px 0}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;background:var(--surface-3);color:var(--text-2)}.badge .d{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.ok{background:var(--pv-soft);color:var(--pv)}.badge.warn{background:var(--charge-soft);color:var(--charge)}.badge.bad{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--brand-soft);color:var(--brand)}.badge.batt{background:var(--batt-soft);color:var(--batt)}.meter{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.meter>i{display:block;height:100%;border-radius:inherit}.lrow{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--border-2)}.lrow:last-child{border-bottom:0}.lrow .ic{width:36px;height:36px;border-radius:11px;flex:none;display:flex;align-items:center;justify-content:center}.lrow .nm{font-size:14px;font-weight:600;letter-spacing:-.01em}.lrow .ds{font-size:11.5px;color:var(--text-3);font-weight:500;margin-top:1px}.lrow .rv{margin-left:auto;text-align:right}.lrow .rv .big{font-size:15px;font-weight:700;letter-spacing:-.01em}.lrow .rv .sm{font-size:11px;color:var(--text-3);font-weight:500}.chevR{color:var(--text-4);flex:none}.seg{display:inline-flex;background:var(--surface-3);padding:3px;border-radius:11px;gap:2px}.seg button{border:0;background:transparent;padding:6px 12px;font-size:12px;font-weight:600;color:var(--text-2);border-radius:8px;cursor:pointer;font-family:inherit}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.m-tabbar{position:fixed;bottom:0;left:0;right:0;max-width:520px;margin:0 auto;padding:9px 10px calc(env(safe-area-inset-bottom) + 12px);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr);gap:2px;z-index:8}.tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0;cursor:pointer;color:var(--text-3);border-radius:12px;-webkit-user-select:none;user-select:none;transition:color .15s}.tab .tl{font-size:10px;font-weight:600;letter-spacing:-.01em}.tab.on{color:var(--brand)}.tab:active{transform:scale(.94)}.setrow{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-2)}.setrow:last-child{border-bottom:0}.setrow .t{font-size:14px;font-weight:600}.setrow .d{font-size:11.5px;color:var(--text-3);margin-top:1px}.switch{width:44px;height:26px;border-radius:999px;flex:none;background:var(--surface-3);border:1px solid var(--border);position:relative;cursor:pointer;transition:background .18s,border-color .18s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:left .18s}.switch.on{background:var(--pv);border-color:var(--pv)}.switch.on:after{left:20px}.chartbox{width:100%;position:relative}.chartbox>svg{width:100%!important;height:100%!important;display:block}.grid-line{stroke:var(--border-2);stroke-width:1}.legend{display:flex;flex-wrap:wrap;gap:10px 14px}.legend .it{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-2)}.legend .sw{width:10px;height:10px;border-radius:3px}.empty-state{padding:22px 8px;text-align:center;color:var(--text-3);font-size:12.5px;line-height:1.55}.error-box{padding:12px 14px;border-radius:10px;background:var(--danger-soft);color:var(--danger);font-size:12.5px}.spin{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--brand);border-radius:50%;display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:10px;padding:7px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.btn:active{transform:scale(.97)}