*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:#e6e6e6;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#0f1115;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif}main{max-width:900px;margin:0 auto;padding:16px}.header{flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 10px;display:flex}.header h1{min-width:0;margin:0;font-size:19px}.header h1 .sense{color:#e0c95d}.header h1 .tld{color:#8a8f9d;font-size:.7em;font-weight:600}.header-actions{flex-wrap:nowrap;gap:8px;margin-left:auto;display:flex}.header-actions .btn{white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.chip{white-space:nowrap;border-radius:20px;padding:4px 11px;font-size:12px;font-weight:600}h2{color:#8a8f9d;text-transform:uppercase;letter-spacing:.5px;margin:26px 0 8px;font-size:12px;font-weight:600}.strip{background:#1a1d24;border-radius:14px;margin:12px 0;padding:14px 16px}.strip-status{color:#8a8f9d;margin-bottom:10px;font-size:13px}.strip-status b{color:#e6e6e6}.charging-badge{color:#7bd88f;background:#7bd88f1f;border:1px solid #7bd88f80;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:13px;font-weight:700;animation:2.4s ease-in-out infinite charging-glow;display:inline-flex}.charging-badge b{color:#b6f0c4}.charging-dot{background:#7bd88f;border-radius:50%;flex:none;width:8px;height:8px;animation:1.2s ease-in-out infinite charging-pulse}@keyframes charging-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}@keyframes charging-glow{0%,to{box-shadow:0 0 #7bd88f00}50%{box-shadow:0 0 12px 1px #7bd88f4d}}.strip-modes{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mode-btn{cursor:pointer;color:#b9bec9;background:#272b35;border:1px solid #333845;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-height:58px;padding:8px 6px;font-size:14px;font-weight:600;transition:background .12s,border-color .12s,transform 60ms;display:flex}.mode-btn .mode-ico{font-size:18px}.mode-btn:not(.active):hover:not(:disabled){color:#e6e6e6;background:#333845;border-color:#4a5163}.mode-btn:active:not(:disabled){transform:translateY(1px)}.mode-btn:focus-visible{outline-offset:2px;outline:2px solid #5db3e0}.mode-btn:disabled{opacity:.55;cursor:not-allowed}.mode-btn.active{color:#e6e6e6;font-weight:700}.mode-btn.active[data-mode=auto]{background:#1e4d2b;border-color:#7bd88f}.mode-btn.active[data-mode=force_charge]{background:#4a3a12;border-color:#e0a95d}.mode-btn.active[data-mode=stop]{background:#3a2323;border-color:#e05d5d}.mode-btn.active[data-mode=off]{background:#333845;border-color:#8a8f9d}.strip-detail{color:#b9bec9;margin-top:10px;font-size:13px}.strip-amps{margin-top:8px}.strip-hint{color:#8a8f9d;margin-top:8px;font-size:12px;line-height:1.45}@media (max-width:560px){.strip-modes{grid-template-columns:repeat(2,1fr)}}.cards{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px;margin:14px 0;display:grid}.card{background:#1a1d24;border-radius:12px;min-width:0;padding:12px 14px}.card .label{color:#8a8f9d;text-transform:uppercase;letter-spacing:.4px;font-size:11px}.card .num{white-space:nowrap;margin:4px 0 0;font-size:clamp(18px,5.5vw,26px);font-weight:700}.card .sub{color:#8a8f9d;margin-top:2px;font-size:11px}h2.h2-live{align-items:center;gap:8px;display:flex}.fresh-marker{color:#7bd88f;text-transform:none;letter-spacing:0;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.fresh-marker.stale{color:#e05d5d}.live-dot{background:#7bd88f;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.35}}.card.live{box-shadow:inset 2px 0 #7bd88f}.card.hero{background:linear-gradient(#1d2620 0%,#1a1d24 60%);border:1px solid #7bd88f73;padding:11px 13px}.card.hero .num{color:#7bd88f}.card .num-total{color:#b6bcc8;white-space:nowrap;margin-top:6px;font-size:12px;font-weight:600}@media (max-width:480px){.card.hero{padding:9px 10px}}.btn{cursor:pointer;color:#e6e6e6;background:#272b35;border:none;border-radius:10px;min-height:42px;padding:10px 14px;font-size:14px}.btn.active{background:#2f6feb;font-weight:700}.btn.ghost{color:#8a8f9d;background:0 0;border:1px solid #333845;min-height:34px;padding:5px 12px;font-size:12px}.inp{color:#e6e6e6;background:#1a1d24;border:1px solid #333845;border-radius:8px;min-height:40px;padding:9px 10px;font-size:14px}input[type=date],input[type=time],input[type=number],select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}button:disabled,input:disabled,select:disabled{cursor:not-allowed}.limits{flex-wrap:wrap;align-items:center;gap:18px;margin:14px 0;display:flex}.limits .label{color:#8a8f9d;text-transform:uppercase;margin-right:8px;font-size:11px}.stepper{align-items:center;gap:6px;display:inline-flex}.stepper .inp{text-align:center;font-size:16px}.stepper button{color:#e6e6e6;cursor:pointer;touch-action:manipulation;background:#1a1d24;border:1px solid #2a2e38;border-radius:10px;width:44px;height:44px;font-size:22px;line-height:1}.stepper button:hover:not(:disabled){background:#232733}.stepper button:disabled{opacity:.4;cursor:not-allowed}.explain{color:#8a8f9d;margin:-6px 0 20px;font-size:13px}.explain>summary{cursor:pointer;color:#5db3e0;padding:4px 0;font-size:12px;list-style:none}.explain>summary::-webkit-details-marker{display:none}.explain>summary:before{content:"▸ "}.explain[open]>summary:before{content:"▾ "}.explain p{margin:8px 0;line-height:1.5}.explain dt{color:#e6e6e6;margin-top:10px;font-weight:600}.explain dd{margin:4px 0 0}.sched-row{border-bottom:1px solid #272b35;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;display:flex}.sched-row input[type=checkbox]{accent-color:#2f6feb;width:20px;height:20px}.table-wrap{-webkit-overflow-scrolling:touch;margin-bottom:24px;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:620px;font-size:13px}.flag-banner{background:#3a2e00;border:1px solid #a07800;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:6px 0;padding:12px 16px;font-size:14px;display:flex}.flag-banner span{flex:1}.flag-banner .flag-when{color:#c9b35d;margin-top:4px;font-size:12px;display:block}.flag-banner button{color:#e0c95d;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #a07800;border-radius:8px;padding:5px 12px;font-size:12px}.flag-banner button:hover{background:#4a3a00}.demo-bar{z-index:20;background:#1a1d24;border-bottom:1px solid #2a2e38;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.demo-bar-home{color:#e6e6e6;white-space:nowrap;font-size:14px;font-weight:800;text-decoration:none}.demo-bar-home span{color:#e0c95d}.demo-bar-home:hover{opacity:.85}.demo-bar-title{font-size:14px;font-weight:600}.demo-bar-pick{color:#8a8f9d;align-items:center;gap:8px;font-size:12px;display:inline-flex}.demo-bar-pick .inp{min-height:34px;padding:5px 8px;font-size:13px}.demo-bar .btn{align-items:center;min-height:34px;padding:6px 14px;font-size:13px;text-decoration:none;display:inline-flex}.flow-wrap{margin:6px 0}.flow-desktop,.flow-mobile{width:100%;margin:0 auto;display:block}.flow-mobile{display:none}@media (max-width:560px){.flow-desktop{display:none}.flow-mobile{display:block}}@keyframes flowF{to{stroke-dashoffset:-13.2px}}@keyframes flowR{to{stroke-dashoffset:13.2px}}@media (max-width:480px){main{padding:12px}.cards{grid-template-columns:repeat(3,1fr)}.card{padding:10px 11px}}.acct-row,.acct-foot{border-top:1px solid #272b35;margin-top:16px;padding-top:16px}.acct-row-title{margin-bottom:10px;font-size:13px;font-weight:600}@media (prefers-reduced-motion:reduce){.charging-badge,.charging-dot{animation:none}.mode-btn{transition:none}.mode-btn:active:not(:disabled){transform:none}.live-dot{animation:none}}