:root{--color-brand: #4a8f1a;--color-brand-light: #5ea628;--color-brand-dark: #3a7014;--color-black: #000000;--color-white: #ffffff;--color-grey-light: #e1dfd9;--color-grey-dark: #1d231c;--color-bg: #e1dfd9;--color-surface: #ffffff;--color-surface-hover: #f5f4ef;--color-text: #1d231c;--color-text-secondary: #5a6157;--color-text-muted: #8a9083;--color-border: #cbc8c1;--color-border-strong: #b0ada6;--color-success: #4a8f1a;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-warning-border: #fde68a;--color-warning-text: #92400e;--color-info: #2563eb;--color-danger: #dc2626;--color-status-idle: #4a8f1a;--color-status-charging: #2563eb;--color-status-discharging: #c2410c;--color-status-unknown: #8a9083;--font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(29, 35, 28, .06);--shadow-md: 0 4px 6px -1px rgba(29, 35, 28, .1), 0 2px 4px -1px rgba(29, 35, 28, .06);--transition-fast: .12s ease-out;--transition-normal: .2s ease-out}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-family);font-size:16px;line-height:1.5;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4{margin:0 0 var(--space-sm);font-weight:600}p{margin:0 0 var(--space-md)}button{cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;border:1px solid transparent;padding:8px 16px;border-radius:var(--radius-md);background:var(--color-brand);color:var(--color-white);transition:background var(--transition-fast),border-color var(--transition-fast)}button:hover{background:var(--color-brand-light)}button:focus-visible{outline:2px solid var(--color-brand-light);outline-offset:2px}button.btn-secondary,button.btn-signout,button.btn-refresh{background:var(--color-surface);color:var(--color-text-secondary);border-color:var(--color-border)}button.btn-secondary:hover,button.btn-signout:hover,button.btn-refresh:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-border-strong)}.button-row{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-lg)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-md);color:var(--color-text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard{min-height:100vh;display:flex;flex-direction:column}.dashboard-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.brand h1{margin:0;font-size:20px;font-weight:700;color:var(--color-brand);letter-spacing:-.01em}.user-menu{display:flex;align-items:center;gap:var(--space-md)}.user-email{color:var(--color-text-secondary);font-size:14px}.dashboard-main{padding:var(--space-lg);max-width:1000px;margin:0 auto;width:100%;flex:1}.stale-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-text);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:14px}.stale-warning strong{font-weight:600}.system-info{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.system-name{font-family:var(--font-mono);font-size:14px;color:var(--color-text-secondary)}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:500;color:var(--color-white);letter-spacing:.01em}.status-idle{background:var(--color-status-idle)}.status-charging{background:var(--color-status-charging)}.status-discharging{background:var(--color-status-discharging)}.status-unknown{background:var(--color-status-unknown)}.grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}@media(min-width:720px){.grid{grid-template-columns:2fr 1fr 1fr}}.soc-indicator,.power-card{background:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.soc-label,.power-label{color:var(--color-text-secondary);font-size:13px;font-weight:500;margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.04em}.soc-value{display:flex;align-items:baseline;gap:var(--space-xs);margin-bottom:var(--space-md);line-height:1}.soc-percent{font-size:56px;font-weight:700;color:var(--color-brand);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.soc-unit{font-size:22px;color:var(--color-text-secondary);font-weight:500}.soc-unavailable{font-size:48px;color:var(--color-text-muted)}.soc-bar{height:10px;background:var(--color-bg);border-radius:var(--radius-pill);overflow:hidden;margin-bottom:var(--space-md)}.soc-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-brand),var(--color-brand-light));transition:width .4s ease-out;border-radius:var(--radius-pill)}.soc-footer{font-size:13px;color:var(--color-text-secondary)}.soc-footer strong{color:var(--color-text);font-weight:600}.power-value{display:flex;align-items:baseline;gap:var(--space-xs);line-height:1}.power-number{font-size:28px;font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.power-unit{font-size:15px;color:var(--color-text-secondary);font-weight:500}.power-unavailable{color:var(--color-text-muted);font-size:28px;font-weight:500}.power-direction{margin-top:var(--space-sm);font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.dashboard-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-md);border-top:1px solid var(--color-border);font-size:13px;color:var(--color-text-muted);flex-wrap:wrap;gap:var(--space-md)}.footer-timing{display:flex;align-items:center;gap:var(--space-sm)}.footer-timing time{color:var(--color-text-secondary);font-weight:500}.separator{color:var(--color-border-strong)}.not-linked-screen,.error-screen{max-width:480px;margin:80px auto;padding:var(--space-2xl);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);text-align:center}.not-linked-screen h1{color:var(--color-brand)}.not-linked-screen p,.error-screen p{color:var(--color-text-secondary);line-height:1.6}.error-screen h1{color:var(--color-danger)}.error-detail{font-family:var(--font-mono);font-size:12px;background:var(--color-bg);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--color-text-secondary);word-break:break-word}