@font-face{font-family:STIX Two Text;font-style:normal;font-weight:400 700;font-display:block;src:url(/fonts/STIXTwoText.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:STIX Two Text;font-style:italic;font-weight:400 700;font-display:block;src:url(/fonts/STIXTwoText-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:block;src:url(/fonts/JetBrainsMono.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-family:"STIX Two Text", ui-serif, Georgia, serif;--font-mono:"JetBrains Mono", "Fira Code", Consolas, ui-monospace, monospace;--bg-primary:#fef6e9;--bg-secondary:#f5ecd9;--bg-tertiary:#ede2c9;--bg-hover:#e6d8b8;--bg-active:#ddc99e;--bg-input:#fef6e9;--border-color:#d7c8aa;--border-subtle:#e6d8b8;--network-bg:#f5ecd9;--text-primary:#132026;--text-secondary:#3a4a4f;--text-muted:#7a8a8d;--text-bright:#0a1418;--accent:#132026;--accent-fg:#fef6e9;--brand-accent:#5f787d;--brand-accent-hover:#4a6064;--brand-accent-dim:#5f787d1a;--accent-bg-subtle:#1320260a;--accent-bg-medium:#5f787d0f;--accent-bg-hover:#5f787d1a;--accent-border:#5f787d33;--accent-gradient-featured:linear-gradient(135deg, #5f787d14, #5f787d0a);--link:#4a6064;--gold:#d4960a;--success:#059669;--warning:#d4960a;--error:#d13438;--chart-ok:#059669;--chart-warn:#d4960a;--chart-fail:#d13438;--chart-grid:#13202614;--chart-limit:#d4960a80;--radius-sm:3px;--radius-md:6px;--radius-lg:8px;--shadow-float:0 2px 8px #1320261f;--shadow-panel:0 4px 12px #1320261f;--shadow-modal:0 8px 32px #13202633}:root[data-theme=dark]{--bg-primary:#132026;--bg-secondary:#1a2a30;--bg-tertiary:#213138;--bg-hover:#263740;--bg-active:#2c3f48;--bg-input:#1a2a30;--border-color:#2c3f48;--border-subtle:#213138;--network-bg:#0e1a1f;--text-primary:#fef6e9;--text-secondary:#c4d0d4;--text-muted:#8b9a9d;--text-bright:#fffaf0;--accent:#fef6e9;--accent-fg:#132026;--brand-accent:#5f787d;--brand-accent-hover:#4a6064;--brand-accent-dim:#5f787d26;--accent-bg-subtle:#5f787d0f;--accent-bg-medium:#5f787d14;--accent-bg-hover:#5f787d1f;--accent-border:#5f787d40;--accent-gradient-featured:linear-gradient(135deg, #5f787d1f, #5f787d0f);--link:#c4d0d4;--gold:#f5c842;--success:#4ade80;--warning:#f5c842;--error:#f14c4c;--chart-ok:#4ade80;--chart-warn:#f5c842;--chart-fail:#f14c4c;--chart-grid:#fef6e91a;--chart-limit:#f5c84280;--shadow-float:0 2px 8px #1320264d;--shadow-panel:0 4px 12px #1320264d;--shadow-modal:0 8px 32px #13202666}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg-primary:#132026;--bg-secondary:#1a2a30;--bg-tertiary:#213138;--bg-hover:#263740;--bg-active:#2c3f48;--bg-input:#1a2a30;--border-color:#2c3f48;--border-subtle:#213138;--network-bg:#0e1a1f;--text-primary:#fef6e9;--text-secondary:#c4d0d4;--text-muted:#8b9a9d;--text-bright:#fffaf0;--accent:#fef6e9;--accent-fg:#132026;--brand-accent:#5f787d;--brand-accent-hover:#4a6064;--brand-accent-dim:#5f787d26;--accent-bg-subtle:#5f787d0f;--accent-bg-medium:#5f787d14;--accent-bg-hover:#5f787d1f;--accent-border:#5f787d40;--accent-gradient-featured:linear-gradient(135deg, #5f787d1f, #5f787d0f);--link:#c4d0d4;--gold:#f5c842;--success:#4ade80;--warning:#f5c842;--error:#f14c4c;--chart-ok:#4ade80;--chart-warn:#f5c842;--chart-fail:#f14c4c;--chart-grid:#fef6e91a;--chart-limit:#f5c84280;--shadow-float:0 2px 8px #1320264d;--shadow-panel:0 4px 12px #1320264d;--shadow-modal:0 8px 32px #13202666}}*,:before,:after{box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--brand-accent);outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--bg-active);border-radius:4px}::-webkit-scrollbar-track{background:0 0}html{background:var(--bg-primary)}body{min-height:100vh;margin:0;font-size:13px;line-height:1.4}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:100%;max-width:760px;min-height:100vh;margin:0 auto;padding:24px 16px 112px}.topbar,.section-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.topbar{border-bottom:1px solid var(--border-color);min-height:40px;padding:0 104px 12px 0}.product-lockup{flex-wrap:wrap;align-items:baseline;gap:3px 10px;display:flex}.product-name,.brand-by{font-family:var(--font-mono)}.product-name{color:var(--text-bright);letter-spacing:-.4px;font-size:15px;font-weight:500}.product-name span{color:var(--brand-accent)}.brand-by{color:var(--text-muted);font-size:10px}.brand-by a{color:inherit;text-decoration:none}.brand-by a:hover{color:var(--text-primary);text-decoration:underline}.eyebrow{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;margin:0;font-size:10px;font-weight:600}.location{text-align:right;align-items:center;gap:8px;padding-top:3px;display:flex}.live-dot{background:var(--success);border-radius:50%;width:7px;height:7px}.hero{border-bottom:1px solid var(--border-color);margin:48px 0 24px;padding-bottom:28px}.hero-value{align-items:baseline;gap:10px;margin:8px 0 2px;display:flex}.hero-value strong{color:var(--text-bright);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-4px;font-size:clamp(48px,16vw,76px);font-weight:600;line-height:1}.hero-value span,.section-title>strong,.projection-grid strong,.projection-grid span,.latest-reading>strong,.reading-main strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.hero-value span{color:var(--brand-accent);font-size:11px}.muted{color:var(--text-muted);margin:10px 0 0;font-size:13px;line-height:1.55}.panel,.period-list,.spot-comparison,.solar-panel,.projection,.latest-reading,.readings-list,.error-panel{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);margin-top:12px;padding:16px}.tarifa-card{border:1px solid var(--accent-border);border-radius:var(--radius-md);background:var(--accent-gradient-featured), var(--bg-secondary);box-shadow:var(--shadow-float);margin-top:12px;padding:18px}.tarifa-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tarifa-heading h2{color:var(--text-bright);margin:4px 0 0;font-size:18px;font-weight:600}.tarifa-edit,.tarifa-cancel,.tarifa-save{border-radius:var(--radius-sm);min-height:34px;padding:7px 11px;font-size:11px;font-weight:600}.tarifa-edit,.tarifa-cancel{border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-secondary)}.tarifa-edit:hover,.tarifa-cancel:hover{border-color:var(--brand-accent);background:var(--bg-hover)}.tarifa-summary{color:var(--text-secondary);margin:16px 0 0;font-size:clamp(14px,3.5vw,17px);line-height:1.55}.tarifa-summary strong{color:var(--text-bright);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tarifa-summary span{color:var(--brand-accent)}.tarifa-form{grid-template-columns:1fr 1fr;gap:13px;margin-top:18px;display:grid}.tarifa-form label{color:var(--text-secondary);gap:6px;font-size:11px;font-weight:500;display:grid}.tarifa-form-message,.tarifa-actions{grid-column:1/-1}.tarifa-actions{justify-content:flex-end;gap:8px;display:flex}.tarifa-save{border:1px solid var(--brand-accent);background:var(--brand-accent);color:var(--accent-fg)}.tarifa-save:hover{border-color:var(--brand-accent-hover);background:var(--brand-accent-hover)}.tarifa-save:disabled,.tarifa-cancel:disabled{cursor:wait;opacity:.5}.section-title h2,.error-panel h2{color:var(--text-bright);margin:4px 0 0;font-size:15px;font-weight:600}.section-title>strong{color:var(--text-bright);font-size:14px;font-weight:600}.unit-pill,.source-chip{border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:var(--brand-accent-dim);color:var(--brand-accent);letter-spacing:.3px;text-transform:uppercase;font-size:9px;font-weight:600}.unit-pill{padding:3px 6px}.chart-scroll{margin:17px -8px -4px;overflow-x:auto}.chart-svg{width:100%;min-width:540px;display:block}.chart-axis{stroke:var(--chart-grid);stroke-width:1px}.chart-value,.chart-label,.chart-projection,.spot-chart-value,.spot-chart-difference{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.chart-value,.spot-chart-value,.spot-chart-difference{fill:var(--text-primary);font-size:8px}.chart-label{fill:var(--text-muted);font-size:8px}.chart-projection{fill:var(--brand-accent);letter-spacing:.3px;text-transform:uppercase;font-size:7px;font-weight:600}.monthly-table-scroll{margin-top:15px;overflow-x:auto}.monthly-table{border-collapse:collapse;width:100%;min-width:420px}.monthly-table th{color:var(--text-muted);letter-spacing:.3px;text-align:right;text-transform:uppercase;padding:0 8px 7px;font-size:10px;font-weight:600}.monthly-table th:first-child,.monthly-table td:first-child{text-align:left;padding-left:0}.monthly-table th:last-child,.monthly-table td:last-child{padding-right:0}.monthly-table td{border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;padding:10px 8px;font-size:11px}.monthly-table tbody tr:hover{background:var(--bg-hover)}.monthly-table td strong{color:var(--text-primary);font-family:var(--font-family);text-transform:capitalize;font-size:12px;font-weight:500;display:block}.monthly-table td span{color:var(--text-muted);font-family:var(--font-family);margin-top:2px;font-size:9px;display:block}.cost-caption,.projection>p,.latest-reading span,.latest-reading p{color:var(--text-muted);font-size:11px}.cost-caption,.spot-total{border-top:1px dashed var(--border-color);margin:16px 0 0;padding-top:12px;line-height:1.5}.spot-comparison,.projection{background:var(--accent-gradient-featured), var(--bg-secondary)}.spot-chart{margin-top:15px}.spot-chart .chart-scroll{margin-top:7px}.spot-legend{color:var(--text-muted);justify-content:flex-end;gap:14px;font-size:9px;display:flex}.spot-legend span{align-items:center;gap:5px;display:flex}.spot-legend i{border-radius:2px;width:8px;height:8px;display:inline-block}.fixed-swatch,.spot-bar-fixed{fill:var(--text-muted);background:var(--text-muted)}.spot-swatch,.spot-bar-market{fill:var(--brand-accent);background:var(--brand-accent)}.spot-chart-difference{font-size:9px;font-weight:600}.spot-chart-difference.saving,.difference-saving{color:var(--success);fill:var(--success)}.spot-chart-difference.loss,.difference-loss{color:var(--error);fill:var(--error)}.spot-table{min-width:640px}.spot-table tfoot td{border-top:1px solid var(--border-color);color:var(--text-bright);font-weight:600}.spot-total{color:var(--text-muted);font-size:12px}.spot-total strong,.spot-method strong,.spot-method abbr{color:var(--text-primary)}.spot-method{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-muted);margin-top:12px;padding:12px}.spot-method p{margin:0;font-size:10px;line-height:1.55}.spot-method p+p{margin-top:8px}.spot-method abbr{cursor:help;-webkit-text-decoration-color:var(--brand-accent);text-decoration-color:var(--brand-accent);text-underline-offset:3px;text-decoration-style:dotted}.spot-unavailable{color:var(--text-muted);margin:26px 0 8px;font-size:12px}.projection-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:14px;display:grid}.projection-grid div{flex-direction:column;gap:4px;display:flex}.projection-grid strong{color:var(--text-bright);letter-spacing:-1.4px;font-size:clamp(20px,7vw,30px);font-weight:600}.projection-grid span{color:var(--brand-accent);text-transform:uppercase;font-size:8px;font-weight:600}.projection>p{margin:14px 0 0}.notice{border:1px solid var(--accent-border);border-radius:var(--radius-md);background:var(--accent-bg-medium);color:var(--text-secondary);align-items:flex-start;gap:10px;margin-top:12px;padding:12px;display:flex}.notice>span{border:1px solid var(--brand-accent);width:18px;height:18px;color:var(--brand-accent);text-align:center;border-radius:50%;flex:none;font-size:11px}.notice p{margin:0;font-size:11px;line-height:1.5}.notice strong{color:var(--text-primary)}.solar-panel{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--accent-gradient-featured), var(--bg-secondary);margin-top:12px;padding:16px}.solar-presets{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px;display:grid}.solar-presets button{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-input);min-height:58px;color:var(--text-secondary);text-align:left;padding:9px}.solar-presets button:hover{border-color:var(--brand-accent);background:var(--bg-hover)}.solar-presets button.is-active{border-color:var(--brand-accent);background:var(--brand-accent-dim);color:var(--text-bright)}.solar-presets strong,.solar-presets span{display:block}.solar-presets strong{font-size:10px;font-weight:600}.solar-presets span{color:var(--text-muted);margin-top:3px;font-size:8px}.solar-metrics{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--border-subtle);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:12px;display:grid;overflow:hidden}.solar-metrics>div{background:var(--bg-secondary);min-width:0;padding:13px 11px}.solar-metrics span,.solar-metrics small,.solar-metrics strong{display:block}.solar-metrics span{color:var(--text-muted);font-size:9px}.solar-metrics strong{color:var(--text-bright);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.7px;white-space:nowrap;margin-top:5px;font-size:clamp(14px,4vw,20px)}.solar-metrics small{color:var(--brand-accent);margin-top:3px;font-size:8px}.solar-controls{grid-template-columns:1fr 1fr;gap:18px;margin-top:17px;display:grid}.solar-controls label{gap:7px;display:grid}.solar-controls label>span{color:var(--text-secondary);justify-content:space-between;gap:10px;font-size:10px;font-weight:600;display:flex}.solar-controls output{color:var(--text-bright);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.solar-controls input[type=range]{min-height:20px;accent-color:var(--brand-accent);background:0 0;border:0;padding:0}.solar-controls small{color:var(--text-muted);font-size:8px;line-height:1.4}.solar-comparison{border-top:1px dashed var(--border-color);margin-top:18px;padding-top:16px}.solar-comparison-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.solar-comparison h3{color:var(--text-primary);margin:3px 0 0;font-size:13px;font-weight:600}.solar-legend{color:var(--text-muted);gap:11px;font-size:8px;display:flex}.solar-legend span{align-items:center;gap:4px;display:flex}.solar-legend i{border-radius:2px;width:7px;height:7px}.consumption-swatch,.consumption-bar{background:var(--text-muted)}.solar-swatch,.solar-bar{background:var(--gold)}.solar-bars{gap:9px;margin-top:14px;display:grid}.solar-bar-row{grid-template-columns:28px 1fr;align-items:center;gap:8px;display:grid}.solar-bar-row>span{color:var(--text-muted);font-family:var(--font-mono);text-transform:capitalize;font-size:8px}.solar-bar-pair{gap:3px;display:grid}.solar-bar-pair>div{height:10px;padding-right:30px;position:relative}.solar-bar-pair i{border-radius:2px;min-width:1px;height:100%;display:block}.solar-bar-pair small{color:var(--text-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:7px;position:absolute;top:-1px;left:calc(100% - 26px)}.solar-chart-unit{color:var(--text-muted);text-align:right;margin:-2px 0 0 36px;font-size:8px}.solar-method{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-muted);margin-top:16px;padding:12px}.solar-method p{margin:0;font-size:10px;line-height:1.55}.solar-method p+p{margin-top:8px}.solar-method strong{color:var(--text-primary)}.related-tools{border-top:1px solid var(--border-color);margin-top:28px;padding-top:16px}.related-tools>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.related-tools a{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--accent-bg-subtle);color:var(--text-muted);padding:11px;text-decoration:none}.related-tools a:hover{border-color:var(--accent-border);background:var(--accent-bg-hover)}.related-tools strong,.related-tools span{display:block}.related-tools strong{color:var(--link);font-size:11px;font-weight:600}.related-tools span{margin-top:3px;font-size:9px;line-height:1.45}.latest-reading{grid-template-columns:1fr auto;gap:5px;display:grid}.latest-reading .eyebrow{grid-column:1/-1}.latest-reading>strong{color:var(--text-bright);font-size:18px}.latest-reading>p{border-top:1px solid var(--border-subtle);grid-column:1/-1;margin:8px 0 0;padding-top:10px}.reading-row{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:14px;margin-top:14px;padding-top:14px;display:flex}.reading-main{flex-direction:column;gap:3px;min-width:0;display:flex}.reading-main strong{color:var(--text-bright);font-size:13px}.reading-main span,.reading-main p{color:var(--text-muted);margin:0;font-size:10px}.reading-main p{margin-top:3px;line-height:1.45}.reading-actions{flex-direction:column;flex:none;align-items:flex-end;gap:7px;display:flex}.source-chip{padding:3px 6px}.delete-reading{color:var(--error);background:0 0;border:0;padding:2px 0;font-size:10px}.delete-reading:hover{text-decoration:underline}.delete-reading:disabled{cursor:wait;opacity:.5}.empty{color:var(--text-muted);text-align:center;margin:36px 0;font-size:12px}.empty.compact{margin:24px 0 8px}.error-panel{margin-top:48px}.error-panel p:last-child{color:var(--text-muted);margin-bottom:0;font-size:13px}.primary{z-index:10;border:1px solid var(--brand-accent);background:var(--brand-accent);width:calc(100% - 32px);min-height:48px;box-shadow:var(--shadow-panel);color:var(--accent-fg);border-radius:2px;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:background .15s,border-color .15s,transform .15s;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.primary:hover{border-color:var(--brand-accent-hover);background:var(--brand-accent-hover);transform:translateY(-1px)}.primary:disabled{cursor:wait;opacity:.5}.primary span{font-size:20px;font-weight:400}.primary.inline{width:100%;box-shadow:none;margin-top:4px;position:static;transform:none}.sheet-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#13202699;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:520px;max-height:94vh;padding:10px 16px max(20px, env(safe-area-inset-bottom));border:1px solid var(--border-color);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--bg-secondary);box-shadow:var(--shadow-modal);overflow-y:auto}.sheet-handle{background:var(--bg-active);border-radius:2px;width:40px;height:3px;margin:0 auto 14px}.close{color:var(--text-muted);background:0 0;border:0;padding:0 2px;font-size:24px;line-height:1}.close:hover{color:var(--text-primary)}.reading-form,.token-form{gap:14px;margin-top:22px;display:grid}.reading-form label,.token-form label{color:var(--text-secondary);gap:7px;font-size:12px;font-weight:500;display:grid}.reading-form label>span{color:var(--text-muted);margin-left:3px;font-size:10px;font-weight:400}input,select,textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);width:100%;min-height:44px;color:var(--text-primary);outline:0;padding:9px 11px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}.form-error{color:var(--error);margin:0;font-size:12px}.auth-shell{width:100%;max-width:460px;min-height:100vh;margin:0 auto;padding:18vh 24px 40px}.auth-mark{border-radius:var(--radius-sm);background:var(--brand-accent);width:44px;height:44px;color:var(--accent-fg);font-family:var(--font-mono);justify-content:center;align-items:center;margin-bottom:24px;font-size:24px;display:flex}.auth-shell h1{color:var(--text-bright);letter-spacing:-.8px;margin:7px 0 0;font-size:30px;font-weight:600}@media (min-width:700px){.shell{padding:32px 20px 112px}.primary:not(.inline){max-width:720px;left:50%;transform:translate(-50%)}.primary:not(.inline):hover{transform:translate(-50%)translateY(-1px)}.sheet{border-radius:var(--radius-lg);margin-bottom:24px;padding:16px 20px 20px}}@media (max-width:520px){.tarifa-form,.solar-presets,.solar-metrics{grid-template-columns:1fr}.solar-metrics{gap:1px}.solar-controls,.related-tools>div{grid-template-columns:1fr}.solar-legend{flex-direction:column;gap:3px}}@media (prefers-reduced-motion:no-preference){.sheet{animation:.2s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}}