:root{--page:#0a0d16;--surface-1:#11151f;--border:rgba(255,255,255,0.08);--text-primary:#eceef4;--text-secondary:#b6bdcc;--text-muted:#7d8598;--gridline:#232937;--baseline:#313849;--solar:#c98500;--solar-dim:#3d4354;--good:#34d399;--actual:#34d399;--home:#3987e5;--powerwall:#34d399;--grid:#9aa3b4;--warning:#ec835a;--track:#1c2230}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--page);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,sans-serif;min-height:100%}main{max-width:760px;margin:0 auto;padding:28px 16px 48px}.page-title{font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:16px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:16px;padding:20px 20px 16px}.card-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.card-title{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}.card-total{font-size:13px;color:var(--text-muted)}.card-total strong{color:var(--text-primary);font-weight:700}.advice{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:12px 14px;margin:14px 0 18px;font-size:14px;line-height:1.45;background:var(--track);border:1px solid var(--border)}.advice svg{flex:none;margin-top:1px}.advice-headline{font-weight:650}.advice-good .advice-headline{color:var(--good)}.advice-warning .advice-headline{color:var(--warning)}.advice-detail{color:var(--text-secondary);font-size:13px;margin-top:2px}.days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px}.day{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 2px 10px;border-radius:10px;position:relative;background:none;border:1px solid transparent;font:inherit;color:inherit;cursor:pointer}.day:hover{background:rgba(255,255,255,.04)}.day.selected{background:rgba(255,255,255,.05);border-color:var(--border)}.day-label{font-size:12px;font-weight:650;color:var(--text-secondary)}.day-date{font-size:11px;color:var(--text-muted)}.day-kwh{font-size:13px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-primary)}.day-kwh span{font-size:10px;font-weight:500;color:var(--text-muted)}.bar-track{width:100%;max-width:34px;height:120px;display:flex;align-items:flex-end;justify-content:center}.bar{width:18px;border-radius:4px 4px 0 0;background:var(--solar);min-height:3px}.day.low .bar{background:var(--solar-dim)}.day-cond{font-size:10.5px;color:var(--text-muted);text-align:center;line-height:1.25;min-height:2.5em}.tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#1c2230;border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.5;color:var(--text-secondary);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .1s;z-index:5}.day:focus-visible .tip,.day:hover .tip{opacity:1}.tip strong{color:var(--text-primary)}.footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--border);font-size:11.5px;color:var(--text-muted);line-height:1.6}.footer code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--text-secondary)}.config-warning{color:var(--warning)}.detail{margin-top:14px;padding:14px 14px 8px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.02)}.detail-header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}.detail-title{font-size:13px;font-weight:700;color:var(--text-primary)}.detail-meta{font-size:12px;color:var(--text-muted)}.detail-chart{display:block;width:100%;height:auto}.detail-sun-label{text-anchor:middle}.detail-axis-label,.detail-sun-label{fill:var(--text-muted);font-size:10px}.detail-axis-label{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.detail-axis-label.mid{text-anchor:middle}.detail-hero{margin-top:4px;margin-bottom:18px;background:rgba(255,255,255,.015)}.detail-pct{font-size:15px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.detail-pct.ahead{color:var(--actual)}.detail-pct.behind{color:var(--solar)}.detail-totals{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary);margin-bottom:6px}.detail-totals em{color:var(--text-muted);font-style:normal}.ink-forecast{color:var(--solar)}.ink-actual{color:var(--actual)}.detail-legend{display:flex;align-items:center;gap:16px;margin-top:6px;font-size:12px;color:var(--text-secondary)}.lg{display:inline-flex;align-items:center;gap:6px}.lg:before{content:"";width:14px;height:0;border-top-width:2px;border-top-style:solid}.lg-forecast:before{border-top-style:dashed;border-top-color:var(--solar)}.lg-actual:before{border-top-color:var(--actual)}.detail-pace{margin-left:auto;color:var(--text-muted)}.bar{position:relative}.bar-actual{position:absolute;left:-3px;right:-3px;bottom:0;background:transparent;border-top:2.5px solid var(--actual);border-radius:2px}.day-actual{font-size:11px;font-weight:650;color:var(--actual);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.accuracy{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.accuracy-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.stat{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.02)}.stat-label{font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.stat-value{font-size:20px;font-weight:700;color:var(--text-primary)}.stat-note{font-size:11.5px;color:var(--text-muted)}.actual-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.actual-form-label{font-size:12.5px;color:var(--text-secondary)}.actual-form input{background:var(--track);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font:inherit;font-size:13px;padding:6px 8px;color-scheme:dark}.actual-form input[name=kwh]{width:80px}.actual-form button{background:var(--track);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font:inherit;font-size:13px;font-weight:650;padding:6px 14px;cursor:pointer}.actual-form button:hover{background:#232a3b}.actual-result{margin-top:8px;font-size:12.5px}.actual-result.ok{color:var(--good)}.actual-result.err{color:var(--warning)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.auth-card{max-width:340px;width:100%;text-align:center;padding:28px 24px}.auth-icon{font-size:28px;margin-bottom:10px}.auth-card h1{font-size:17px;font-weight:700}.auth-card p{margin-top:6px;font-size:13.5px;color:var(--text-secondary);line-height:1.5}.auth-error{color:var(--warning)!important}.auth-button{margin-top:20px;width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--track);color:var(--text-primary);font-size:14px;font-weight:650;cursor:pointer}.auth-button:hover{background:#232a3b}.auth-link{display:inline-block;margin-top:18px;font-size:13px;color:var(--text-secondary)}.fva-info{font-size:12px;color:var(--text-muted);cursor:help;vertical-align:middle}.fva-stepper{gap:4px}.fva-arrow,.fva-stepper{display:inline-flex;align-items:center}.fva-arrow{width:30px;height:30px;border:1px solid var(--border);border-radius:8px;background:var(--track);color:var(--text-primary);font-size:18px;line-height:1;cursor:pointer;justify-content:center}.fva-arrow:hover:not(:disabled){border-color:var(--solar);color:var(--solar)}.fva-arrow:disabled{opacity:.35;cursor:default}.fva-today{font-family:inherit;font-size:11.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);background:var(--track);border:1px solid var(--border);border-radius:8px;padding:0 12px;height:30px;cursor:pointer}.fva-today:hover:not(:disabled){border-color:var(--solar);color:var(--solar)}.fva-today:disabled{opacity:.4;cursor:default}.strip-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:6px 0 10px;font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.strip-total{letter-spacing:0;text-transform:none;font-weight:400}.strip-total strong{color:var(--text-primary);font-weight:700}.goal{display:flex;align-items:center;gap:16px;margin:4px 0 16px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.02)}.goal-ring{width:72px;height:72px;flex:none}.goal-track{fill:none;stroke:var(--track);stroke-width:7}.goal-fill{fill:none;stroke:var(--solar);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.goal-pct{fill:var(--text-primary);font-size:17px;font-weight:700;text-anchor:middle;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.goal-title{font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.goal-nums{font-size:19px;margin-top:2px;color:var(--text-secondary)}.goal-nums strong{color:var(--text-primary);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.goal-pace{margin-top:3px;font-size:13px;font-weight:600}.goal-pace.behind{color:var(--solar)}.goal-pace.ahead{color:var(--actual)}.goal-pace.neutral{color:var(--text-muted)}.tt-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:18px}.tt-card{border:1px solid var(--border);border-radius:12px;padding:14px 16px;background:rgba(255,255,255,.02)}.tt-label{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.tt-kwh{font-size:30px;font-weight:700;color:var(--solar);margin-top:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tt-card.muted .tt-kwh{color:var(--text-secondary)}.tt-kwh span{font-size:15px;font-weight:600}.tt-cond,.tt-kwh span{color:var(--text-muted)}.tt-cond{font-size:12.5px;margin-top:2px}.history{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.history-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.history-head h3{font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--text-secondary);margin:0}.history-legend{display:inline-flex;gap:14px;font-size:11.5px;color:var(--text-muted)}.history-bars{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.hbar{display:flex;flex-direction:column;align-items:center;gap:5px;flex:none;min-width:40px}.hbar-track{display:flex;align-items:flex-end;justify-content:center;gap:3px}.hbar-actual,.hbar-forecast{width:11px;border-radius:3px 3px 0 0;min-height:2px}.hbar-forecast{background:var(--solar);opacity:.55}.hbar-actual{background:var(--actual)}.hbar-kwh{font-size:11px;font-weight:650;color:var(--actual);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hbar-date{font-size:10.5px;color:var(--text-muted)}.energy-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.energy-back{font-size:13px;color:var(--text-secondary);text-decoration:none}.energy-back:hover{color:var(--solar)}.energy-toggle{display:inline-flex;gap:4px;background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:3px}.energy-toggle .et{font-size:13px;font-weight:600;color:var(--text-secondary);text-decoration:none;padding:5px 14px;border-radius:7px}.energy-toggle .et.on{background:var(--track);color:var(--text-primary)}.energy-title{text-align:center;font-size:20px;font-weight:700;color:var(--text-primary);margin:6px 0 18px}.energy-panels{display:flex;flex-direction:column;gap:14px}.epanel{background:var(--surface-1);border:1px solid var(--border);border-radius:14px;padding:14px 16px 8px}.epanel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.epanel-title{font-size:15px;font-weight:700;margin:0}.epanel-total{font-size:13px;color:var(--text-muted);text-align:right}.epanel-total strong{font-size:20px;color:var(--text-primary);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.epanel-chart{display:block;width:100%;height:auto;margin-top:4px}.epanel-axis{fill:var(--text-muted);font-size:10px}.epanel-axis.mid{text-anchor:middle}.energy-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:11px 14px;border:1px solid var(--border);border-radius:12px;font-size:13px;font-weight:600;color:var(--text-secondary);text-decoration:none;width:100%;justify-content:space-between}.energy-link:hover{border-color:var(--solar);color:var(--solar)}.tesla-row{margin-top:14px;padding:11px 14px;border:1px solid var(--border);border-radius:12px;font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.tesla-row a{color:var(--actual);font-weight:650;text-decoration:none}.tesla-row a:hover{text-decoration:underline}.tesla-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.tesla-row.on .tesla-dot{background:var(--actual);box-shadow:0 0 0 3px color-mix(in srgb,var(--actual) 22%,transparent)}.tesla-row.off .tesla-dot{background:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width:560px){.days{gap:4px}.day-cond{display:none}}