: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;--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)}.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}}