:root{--bg-0:#0f1013;--bg-1:#0f1114;--bg-2:#171a1f;--bg-3:#1c2026;--bg-hover:#232830;--border:#ffffff12;--border-soft:#ffffff0d;--border-strong:#ffffff1f;--radius:8px;--radius-lg:12px;--shadow-1:0 1px 2px #0000004d;--shadow-2:0 24px 60px #0000008c}body{background:var(--bg-0);background-image:none}body:before{display:none}header{border-bottom:1px solid var(--border-soft);background:#0f1013b8}.card{background:var(--bg-2);border-radius:var(--radius-lg);border:1px solid #ffffff0f}.card-header{border-bottom:1px solid var(--border-soft)}.card-title-dot{box-shadow:none}.card[style*=danger-dim]{border-color:#8c363673!important}.card-header[style*=danger-dim]{border-color:#ffffff0d!important}.card-title-dot[style*="255,107,107"]{box-shadow:none!important}.stat-label,.label,.btn,.btn-scan,.segmented button,.mode-picker button,.day-picker button,.sub-section-header,.chooser-title,.paired-name,.meter-name,.info-label,.toggle-name{font-family:var(--font-sans)}.welcome-title{font-family:var(--font-sans);-webkit-text-fill-color:currentColor;color:var(--text);letter-spacing:-.02em;background:0 0;-webkit-background-clip:border-box;background-clip:border-box}.btn{border-radius:var(--radius);min-height:34px;box-shadow:none;background:#262b33;border:1px solid #0000}.btn:hover:not(:disabled){background:var(--bg-hover);border-color:#0000}.btn.primary{color:var(--accent);background:#5eead424;border-color:#0000}.btn.primary:hover:not(:disabled){background:#5eead433;border-color:#0000}.btn.danger{background:#ff6b6b1a;border-color:#0000}.btn.warn{background:#fbbf241a;border-color:#0000}.btn.ghost{border-color:var(--border-soft);background:0 0}.btn-add-device,.btn-scan{border-radius:var(--radius-lg);box-shadow:none;background:#5eead424;border-style:solid;border-color:#0000}.btn-add-device:hover:not(:disabled),.btn-scan:hover{background:#5eead433;border-color:#0000}.segmented{background:var(--bg-1);border:1px solid var(--border-soft);border-radius:9px}.segmented button{border-color:#0000;border-radius:7px}.segmented button.active{background:#343b45;border-color:#0000;box-shadow:0 1px 2px #00000059}.card-body>.sub-section,.card-body>.field,.card-body>.dod-control,.sched-editor{background:var(--bg-3);border:1px solid #0000;border-radius:10px;padding:15px 17px}.sub-section,.sub-section:first-child{border-top:none;margin-top:0}.card-body>.sub-section{flex-direction:column;gap:12px;display:flex}.row>.field,.sub-section .field,.wifi-form{background:0 0;border:none;padding:0}.status-grid{gap:2px}.status-grid>.stat{background:var(--bg-3);border-radius:10px;padding:16px 18px}@media (width>=721px){.status-grid{grid-template-columns:1.2fr 1fr 180px}}.meter-conn-stat{gap:8px}.status-row-2{background:var(--border-soft);border-top:none;border-radius:10px;gap:1px;margin-top:16px;padding-top:0;overflow:hidden}.status-row-2>.stat{background:var(--bg-2);border-radius:0;padding:14px 16px}.status-row-2 .stat-value.lg{font-size:34px;font-weight:500;line-height:1}#t-peakshave.accent{color:var(--accent)}.info-row{border-bottom:1px solid var(--border-soft);padding:11px 2px}.info-row:last-child{border-bottom:none}.toggle-row{background:var(--bg-3);border:1px solid #0000;border-radius:10px;padding:14px 16px}.paired-list{gap:2px}.paired-item{background:var(--bg-3);border:1px solid #0000;border-radius:10px}.paired-item:hover{background:var(--bg-hover);border-color:#0000;transform:none}.paired-item.orphaned{box-shadow:inset 0 0 0 1px #fbbf2459}.paired-dot{box-shadow:none}.paired-img{background:var(--bg-2);border-radius:9px}.paired-forget,.paired-rename,.paired-stop{color:var(--text-dim)}.paired-badge{border-radius:999px}.meter-pick-list{gap:2px}.meter-pick-item,.meter-fixed-row,.meter-status-banner{background:var(--bg-3);border:1px solid #0000;border-radius:10px}.meter-status-banner.online{box-shadow:inset 0 0 0 1px #5eead459}.meter-status-banner.offline{box-shadow:inset 0 0 0 1px #ff6b6b59}.meter-status-banner.reconnecting{box-shadow:inset 0 0 0 1px #fbbf2459}.meter-pick-item.bound{box-shadow:inset 0 0 0 1px #5eead459}.meter-detect-chip{border-color:#0000;border-radius:999px}.device-chooser{box-shadow:none;background:0 0;border:none;flex-direction:column;gap:2px;display:flex;overflow:visible}.chooser-opt{background:var(--bg-3);border:1px solid #0000;border-radius:10px;padding:15px 17px}.chooser-opt+.chooser-opt{border-top:none}.chooser-opt:hover{background:var(--bg-hover);border-color:#0000}.chooser-opt:focus-visible{box-shadow:inset 0 0 0 2px #5eead459}.chooser-thumb{background:var(--bg-2);border-color:#0000;border-radius:9px}.paired-title,.sub-section-header{color:var(--text-dim)}.compat-note{background:var(--bg-2);border-radius:var(--radius-lg);border-color:#ffffff0f}.compat-note .compat-flag,.compat-note .compat-details{background:var(--bg-3);border-color:#0000;border-radius:10px}.compat-note .compat-flag-url code{background:var(--bg-1);border-color:#0000;border-radius:6px}.compat-note .compat-copy-btn{border-radius:var(--radius);background:#262b33;border-color:#0000}.compat-note .compat-copy-btn:hover{background:var(--bg-hover);border-color:#0000}.compat-note .compat-copy-btn.copied{box-shadow:none;background:#5eead429;border-color:#0000}.compat-note .compat-icon.ok{box-shadow:none}.compat-note .compat-footnote{border-top-color:var(--border-soft)}.input,input[type=text],input[type=password],input[type=number],input[type=time],select,textarea{background:var(--bg-1);border-radius:var(--radius);border:1px solid #ffffff0f;min-height:34px}.input:focus,input:focus-visible,select:focus-visible{border-color:var(--accent-dim);outline:none;box-shadow:0 0 0 3px #5eead41a}.day-picker button,.mode-picker button{border-radius:var(--radius);background:var(--bg-1);border-color:#0000}.day-picker button.active,.mode-picker button.active{border-color:#0000}.input-wrap-suffix,.input-wrap{border-radius:var(--radius)}.eye-btn{background:0 0;border-color:#0000}.switch{background:#343b45;border-color:#0000}.switch:after{background:var(--text-mid)}input[type=range]::-webkit-slider-thumb{background:#fff;box-shadow:0 1px 3px #0000008c}input[type=range]::-moz-range-thumb{background:#fff}.ups-slider-row input[type=range]::-webkit-slider-thumb{background:#fff;box-shadow:0 1px 3px #0000008c}.ups-slider-row input[type=range]::-moz-range-thumb{background:#fff}input[type=range]::-webkit-slider-runnable-track,input[type=range]::-moz-range-track{background:var(--bg-1);border-color:#0000}.dod-track{background:var(--bg-1);border-color:#0000}.dod-fill-discharged,.dod-fill-reserve{z-index:1}.dod-handle{z-index:3;background:#fff;box-shadow:0 1px 3px #0000008c}.dod-slider-wrap input[type=range]{z-index:4}.soc-bar{background:var(--bg-1);border-color:#0000}.log{background:var(--bg-2);border-radius:var(--radius-lg);border:1px solid #ffffff0f}.log-content{background:var(--bg-1);border-color:#0000;border-radius:10px}.log-copy{border-radius:var(--radius)}.modal-backdrop{-webkit-backdrop-filter:blur(6px);background:#08090db8}.modal,.liability-modal,.name-modal,.countdown-modal,.meter-setup-modal,.compat-wizard-modal,.lna-modal{background:var(--bg-2);box-shadow:var(--shadow-2);border:1px solid #ffffff14;border-radius:14px}.liability-check,.name-modal-identify-row,.name-modal-image-wrap,.meter-setup-note{background:var(--bg-3);border-color:#0000;border-radius:10px}.meter-setup-progress-track{background:var(--bg-1);border-color:#0000}.countdown-tick{background:0 0;border-color:#0000}.modal-actions{border-top-color:var(--border-soft)}.toast-stack>*{box-shadow:var(--shadow-2);border-radius:10px}.probing-banner{background:#fbbf240f;border-color:#fbbf2440;border-radius:10px}.phase-error-banner{background:#ff6b6b0f;border-color:#ff6b6b47;border-radius:10px}.meter-empty-note,.busy-indicator{background:var(--bg-3);border-color:#0000;border-radius:10px}@media (width<=720px){.btn{min-height:44px}.btn.sm{min-height:38px}.segmented{min-height:44px}.segmented button{min-height:40px}.mode-btn{min-height:44px}.day-picker button,.mode-picker button{min-height:40px}.paired-rename,.paired-forget,.paired-stop{width:38px;height:38px}.input,input[type=text],input[type=password],input[type=number],input[type=time],select{min-height:44px}.status-grid>.stat,.card-body>.sub-section,.card-body>.field,.chooser-opt{padding:14px 16px}}.welcome{text-align:left;padding:0 0 40px}.welcome-pre{text-align:center;margin-bottom:14px}.welcome-title{text-align:center;max-width:780px;margin-left:auto;margin-right:auto}.welcome-lead{text-align:center;max-width:660px;margin:0 auto 32px}.add-device-wrap{max-width:560px;margin:0 auto}.paired-section{max-width:560px;margin:32px auto 28px}@media (width>=721px){.paired-section:has(>#paired-group-batteries:not(.hidden)):has(>#paired-group-meters:not(.hidden)){grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:24px;max-width:none;display:grid}.paired-section:has(>#paired-group-batteries:not(.hidden)):has(>#paired-group-meters:not(.hidden))>.paired-group{margin-bottom:0}}.compat-note{max-width:720px;margin-left:auto;margin-right:auto}.welcome-disclaimer{text-align:center;margin-left:auto;margin-right:auto}.sched-list{flex-direction:column;gap:2px;display:flex}.sched-summary{background:var(--bg-3);border:1px solid #0000;border-radius:10px}.sched-summary:hover{background:var(--bg-hover)}.sched-details{background:var(--bg-3);border-top:1px solid var(--border-soft);border-radius:0 0 10px 10px}.sched-state{border-color:#0000;border-radius:999px}.sched-state.on{background:#5eead41a}.sched-state.off{background:#ffffff0d}.sched-empty{background:var(--bg-3);border-color:#0000;border-radius:10px}.sched-summary-line1 .watts{color:var(--warn)}.sched-summary-line1 .charge-watts{color:var(--accent);font-family:var(--font-mono)}.toast{background:var(--bg-3);box-shadow:var(--shadow-2);border:1px solid #0000;border-radius:10px}.toast.ok,.toast.success{box-shadow:var(--shadow-2), inset 0 0 0 1px #5eead440}.toast.info{box-shadow:var(--shadow-2), inset 0 0 0 1px #7eb8ff40}.toast.warn{box-shadow:var(--shadow-2), inset 0 0 0 1px #fbbf2440}.toast.error,.toast.err{box-shadow:var(--shadow-2), inset 0 0 0 1px #ff6b6b47}