.refresh-feedback{color:#c4eb88;font-size:14px;line-height:1.5;margin:-8px 0 22px}
.icon-button.refreshing{animation:refresh-spin 1.2s linear infinite;opacity:.7}
@keyframes refresh-spin{to{transform:rotate(360deg)}}
.chart-interactive{position:relative}
#connection-help a{color:var(--lime)}
.pc-mode-options{display:flex;width:100%;margin-top:16px}
.pc-mode-options button{flex:1;min-height:48px;font-size:16px}
#pc-mode-error{color:var(--gold)}
.reserve-options button{padding:8px 2px;min-height:62px}
.reserve-options .reserve-energy{display:block;font-size:9px;font-weight:400;white-space:nowrap;opacity:.85;margin-top:3px}
.remaining-energy{color:var(--lime);font-size:13px;margin:2px 0 4px}
.bms-release{margin-top:14px;width:100%;min-height:44px;border:1px solid #526547;border-radius:10px;background:#26352a;color:var(--lime);font-size:13px;padding:10px}
.bms-release:disabled{opacity:.6;cursor:wait}
.runtime-note{display:block;max-width:170px;font-size:9px;line-height:1.5;color:var(--muted);margin-top:5px}
.chart-interactive canvas{touch-action:pan-y;cursor:crosshair}
.chart-tooltip{position:absolute;top:0;max-width:100%;padding:5px 9px;border:1px solid #526547;border-radius:7px;background:#101b13f5;color:#e4f6c8;font-size:11px;white-space:nowrap;pointer-events:none;box-shadow:0 3px 12px #0005}
@media(prefers-reduced-motion:reduce){.icon-button.refreshing{animation:none}}