:root{--bg-color: black;--pane-color: #0e1410;--text-secondary: #7aaa88;--text-muted: #4a7058;--text-primary: #d8edd8;--border-color: #1e2e20;--inner-pane-color: #131a15;--green-bright: #5cd882;--charging-color: rgb(74, 194, 74);--discharging-color: #ff0000}body,html{width:100%;height:100%;padding:0;margin:0;color:var(--text-primary);background-color:var(--bg-color);font-family:JetBrains Mono}*{box-sizing:border-box}#root{display:flex;flex-direction:column;width:100%;height:100%;padding:12px;gap:12px}.header{display:flex;gap:12px}#scan{flex:1;padding:12px 24px;border:none;border:solid 1px var(--border-color);border-radius:8px;color:var(--text-color);background-color:var(--pane-color);cursor:pointer}#fullscreen-button{padding:12px 24px;border:none;border:solid 1px var(--border-color);border-radius:8px;color:var(--text-color);background-color:var(--pane-color);cursor:pointer}.pane{padding:1.25rem;border:solid 1px var(--border-color);border-radius:14px;background-color:var(--pane-color)}h3{padding:0;margin:0;color:var(--text-secondary);text-transform:uppercase;font-size:14px;font-weight:400}.battery-status-pane .battery-info-container{display:flex}.battery-status-pane .last-updated-container{display:flex;flex-direction:column;justify-content:center;height:60px;padding:8px;margin-left:auto;border:solid 1px var(--border-color);border-radius:12px;background-color:var(--inner-pane-color);gap:4px}.battery-status-pane .last-updated-container .last-updated-title{color:var(--text-muted);font-size:12px}.battery-status-pane .last-updated-container .last-updated-time{font-size:12px;font-weight:700}.battery-status-pane .battery-info{display:flex;align-items:center;margin-top:20px;gap:12px}.battery-status-pane .battery-info .battery-icon{overflow:hidden;width:80px;height:50px;border:solid 2px var(--text-muted);border-radius:12px}.battery-status-pane .battery-info .battery-icon .battery-level{width:50%;height:100%;border:solid 4px var(--pane-color);border-radius:12px;background-color:var(--green-bright)}.battery-status-pane .battery-info .battery-level-percentage{font-size:28px;font-weight:700}.battery-status-pane .battery-info .battery-state{height:16px;color:var(--text-muted);white-space:pre-wrap;line-break:anywhere;font-size:12px}.battery-status-pane .cards{display:flex;flex-wrap:wrap;margin-top:26px;gap:12px}.battery-status-pane .cards .card{display:flex;flex-direction:column;padding:12px;border:solid 1px var(--border-color);border-radius:10px;background-color:var(--inner-pane-color);gap:4px}.battery-status-pane .cards .card .card-title{color:var(--text-muted);font-size:.68rem}.battery-status-pane .cards .card .card-value{font-size:14px;font-size:.95rem;font-weight:700}