.battery-page.svelte-1ung3m6{max-width:900px;margin:0 auto;padding:1.5rem 1rem}.hero.svelte-1ung3m6{text-align:center;padding:4rem 1rem}.hero.svelte-1ung3m6 h1:where(.svelte-1ung3m6){font-size:2rem;margin-bottom:.5rem}.hero.svelte-1ung3m6 p:where(.svelte-1ung3m6){color:#64748b;margin-bottom:2rem}.btn-primary.svelte-1ung3m6{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:.6rem 1.5rem;font-weight:600;text-decoration:none}.top-bar.svelte-1ung3m6{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.top-bar.svelte-1ung3m6 h1:where(.svelte-1ung3m6){margin:0;font-size:1.4rem}.stream-badge.svelte-1ung3m6{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#64748b;background:#f1f5f9;padding:.35rem .75rem;border-radius:20px}.dot.svelte-1ung3m6{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-live.svelte-1ung3m6{background:#22c55e;box-shadow:0 0 6px #22c55e80}.dot-connecting.svelte-1ung3m6{background:#f59e0b;animation:svelte-1ung3m6-pulse 1.2s infinite}.dot-off.svelte-1ung3m6{background:#94a3b8}@keyframes svelte-1ung3m6-pulse{0%,to{opacity:1}50%{opacity:.3}}.last-update.svelte-1ung3m6{color:#94a3b8}.battery-hero-card.svelte-1ung3m6{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;display:flex;gap:2rem;align-items:center;margin-bottom:1rem}.battery-circle.svelte-1ung3m6{position:relative;width:140px;height:140px;min-width:140px;border-radius:50%;background:conic-gradient(var(--color) calc(var(--pct) * 1%),#e2e8f0 0);display:flex;flex-direction:column;align-items:center;justify-content:center}.battery-circle.svelte-1ung3m6:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:#fff}.battery-pct.svelte-1ung3m6{position:relative;z-index:1;font-size:2.5rem;font-weight:800;line-height:1;color:var(--color)}.pct-unit.svelte-1ung3m6{font-size:1rem;font-weight:600}.usable-label.svelte-1ung3m6{position:relative;z-index:1;font-size:.75rem;color:#94a3b8;margin-top:2px}.battery-hero-info.svelte-1ung3m6{flex:1}.range-row.svelte-1ung3m6{display:flex;gap:1rem;margin-bottom:1rem}.range-item.svelte-1ung3m6{flex:1;text-align:center;padding:.75rem;background:#f8fafc;border-radius:10px}.range-item.highlight.svelte-1ung3m6{background:#f0fdf4;border:1px solid #bbf7d0}.range-label.svelte-1ung3m6{display:block;font-size:.75rem;color:#64748b;margin-bottom:.25rem}.range-value.svelte-1ung3m6{font-size:1.25rem;font-weight:700}.range-value.svelte-1ung3m6 small:where(.svelte-1ung3m6){font-size:.75rem;font-weight:400;color:#94a3b8}.limit-bar.svelte-1ung3m6{position:relative;height:8px;background:#e2e8f0;border-radius:4px;margin-top:.75rem}.limit-fill.svelte-1ung3m6{height:100%;border-radius:4px;transition:width .5s}.limit-mark.svelte-1ung3m6{position:absolute;top:-3px;width:2px;height:14px;background:#1e293b;border-radius:1px}.limit-label.svelte-1ung3m6{font-size:.75rem;color:#94a3b8;margin-top:.25rem;text-align:right}.grid-2col.svelte-1ung3m6{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.card.svelte-1ung3m6{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.card.svelte-1ung3m6 h2:where(.svelte-1ung3m6){margin:0 0 .75rem;font-size:1rem}.card-desc.svelte-1ung3m6{font-size:.85rem;color:#64748b;margin:-.5rem 0 .75rem}.card-note.svelte-1ung3m6{font-size:.75rem;color:#94a3b8;margin-top:.75rem}.muted.svelte-1ung3m6{color:#94a3b8;font-size:.85rem}.health-row.svelte-1ung3m6{display:flex;gap:1rem;align-items:center;margin-bottom:.75rem}.health-circle.svelte-1ung3m6{width:64px;height:64px;min-width:64px;border-radius:50%;background:var(--color);display:flex;align-items:center;justify-content:center}.health-grade.svelte-1ung3m6{font-size:1.75rem;font-weight:800;color:#fff}.health-pct.svelte-1ung3m6{font-size:1.5rem;font-weight:700}.health-sub.svelte-1ung3m6{font-size:.8rem;color:#64748b}.life-progress.svelte-1ung3m6{height:8px;background:#e2e8f0;border-radius:4px;margin-top:.75rem}.life-fill.svelte-1ung3m6{height:100%;background:#3b82f6;border-radius:4px;transition:width .5s}.life-label.svelte-1ung3m6{font-size:.75rem;color:#94a3b8;margin-top:.25rem}.stat-row.svelte-1ung3m6{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid #f1f5f9;font-size:.9rem}.stat-label.svelte-1ung3m6{color:#64748b}.stat-value.svelte-1ung3m6{font-weight:600}.charge-card.svelte-1ung3m6,.range-compare-card.svelte-1ung3m6{display:block;margin-bottom:.75rem}.range-bars.svelte-1ung3m6{display:flex;flex-direction:column;gap:.75rem}.range-bar-row.svelte-1ung3m6{display:flex;align-items:center;gap:.75rem}.range-bar-row.highlight.svelte-1ung3m6{font-weight:600}.bar-label.svelte-1ung3m6{width:100px;font-size:.85rem;color:#475569;white-space:nowrap}.bar-track.svelte-1ung3m6{flex:1;height:20px;background:#f1f5f9;border-radius:6px;overflow:hidden}.bar-fill.svelte-1ung3m6{height:100%;border-radius:6px;transition:width .5s}.bar-value.svelte-1ung3m6{width:70px;text-align:right;font-size:.85rem;font-weight:600}.badge.svelte-1ung3m6{display:inline-block;padding:.1rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600}.badge-green.svelte-1ung3m6{background:#dcfce7;color:#15803d}.badge-blue.svelte-1ung3m6{background:#dbeafe;color:#1d4ed8}.badge-orange.svelte-1ung3m6{background:#ffedd5;color:#c2410c}.bms-section.svelte-1ung3m6{margin-bottom:.75rem}.section-title.svelte-1ung3m6{font-size:1.15rem;font-weight:700;margin:1.5rem 0 .25rem}.grid-3col.svelte-1ung3m6{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}.bms-card.svelte-1ung3m6{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.bms-header.svelte-1ung3m6{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.bms-icon.svelte-1ung3m6{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.bms-title.svelte-1ung3m6{font-size:1rem;font-weight:800;letter-spacing:.05em}.bms-label.svelte-1ung3m6{font-size:.72rem;color:#94a3b8;margin-bottom:.5rem}.bms-big.svelte-1ung3m6{font-size:2rem;font-weight:800;line-height:1.1;margin-bottom:.5rem}.bms-big.svelte-1ung3m6 small:where(.svelte-1ung3m6){font-size:.9rem;font-weight:600;margin-left:2px}.bms-big.muted.svelte-1ung3m6{color:#cbd5e1}.stat-row.compact.svelte-1ung3m6{padding:.25rem 0;font-size:.82rem}.stat-value.small.svelte-1ung3m6{font-size:.75rem}.stat-value.warn.svelte-1ung3m6,.warn.svelte-1ung3m6{color:#f97316;font-weight:700}.grade-badge.svelte-1ung3m6{display:inline-block;padding:.1rem .5rem;border-radius:6px;color:#fff;font-weight:800;font-size:.8rem}.card.svelte-1ung3m6 h3:where(.svelte-1ung3m6){margin:0 0 .5rem;font-size:.95rem;font-weight:700}.capacity-bar.svelte-1ung3m6{height:8px;background:#e2e8f0;border-radius:4px;margin-top:.5rem}.capacity-fill.svelte-1ung3m6{height:100%;border-radius:4px;transition:width .5s}p.small.svelte-1ung3m6{font-size:.78rem}@media (max-width: 700px){.battery-hero-card.svelte-1ung3m6{flex-direction:column;text-align:center}.range-row.svelte-1ung3m6{flex-direction:column}.grid-2col.svelte-1ung3m6,.grid-3col.svelte-1ung3m6{grid-template-columns:1fr}.top-bar.svelte-1ung3m6{flex-direction:column;align-items:flex-start;gap:.5rem}}