:root{--ink:#12241f;--muted:#4a5c56;--paper:#f3f6f2;--panel:#ffffffb8;--panel-solid:#fff;--solar:#e8a838;--forest:#247a5f;--peak:#c45c36;--offpeak:#3d5a80;--line:#12241f1f;--btn-primary-fg:#f7faf7;--ghost-border:#12241f40;--chart-grid:#1a2e2814;--body-bg:radial-gradient(1200px 600px at 80% -10%, #e8a83847, transparent 55%), radial-gradient(900px 500px at -10% 20%, #2e8b6e2e, transparent 50%), linear-gradient(165deg, #e8efe8 0%, #f3f6f2 42%, #dde8e2 100%);--body-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M0 60h120M60 0v120' stroke='%2312241f' stroke-opacity='0.04' stroke-width='1'/%3E%3C/svg%3E");--hero-glow-a:#e8a8388c;--hero-glow-b:#2e8b6e59;--profile-shadow:0 12px 40px #12241f24;--radius:4px;--font-display:-apple-system, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--font-body:-apple-system, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--font-mono:-apple-system, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--ink:#e6efe9;--muted:#9aafa6;--paper:#0f1815;--panel:#182621d1;--panel-solid:#1a2823;--solar:#e8a838;--forest:#4cba94;--peak:#e07a55;--offpeak:#7a9cc6;--line:#e6efe91f;--btn-primary-fg:#0f1815;--ghost-border:#e6efe947;--chart-grid:#e6efe914;--body-bg:radial-gradient(1100px 560px at 85% -15%, #e8a83829, transparent 55%), radial-gradient(800px 480px at -12% 18%, #4cba941f, transparent 50%), linear-gradient(165deg, #0c1411 0%, #121c18 45%, #0e1713 100%);--body-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M0 60h120M60 0v120' stroke='%23e6efe9' stroke-opacity='0.04' stroke-width='1'/%3E%3C/svg%3E");--hero-glow-a:#e8a83847;--hero-glow-b:#4cba9433;--profile-shadow:0 16px 48px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);background:var(--body-bg);margin:0;transition:background .35s,color .25s}.skip-link{z-index:100;background:var(--panel-solid);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:.65rem .9rem;font-weight:600;text-decoration:none;transition:transform .15s;position:absolute;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{outline:2px solid var(--forest);outline-offset:2px;transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus{outline:none}:focus-visible,.profile-trigger:focus-visible,.theme-toggle:focus-visible,.btn:focus-visible,.range-bar input:focus-visible,.range-bar select:focus-visible{outline:2px solid var(--forest);outline-offset:2px}body:before{content:"";pointer-events:none;opacity:.35;background-image:var(--body-grid);z-index:0;position:fixed;inset:0}#app{z-index:1;position:relative}a{color:var(--forest)}.hero{align-content:center;min-height:100vh;padding:clamp(2rem,6vw,5rem);display:grid;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(ellipse at 40% 40%, var(--hero-glow-a), transparent 55%), radial-gradient(ellipse at 70% 60%, var(--hero-glow-b), transparent 50%);filter:blur(8px);z-index:0;animation:14s ease-in-out infinite alternate sunDrift;position:absolute;inset:10% -5% -20% 40%}@keyframes sunDrift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-4%,3%)scale(1.05)}}.hero-inner{z-index:1;max-width:42rem;position:relative}.brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:.55rem;margin:0 0 1.25rem;font-size:clamp(2.8rem,8vw,4.6rem);font-weight:800;line-height:.95;animation:.9s both riseIn;display:flex}.brand-mark{border-radius:calc(var(--radius) + 2px);flex-shrink:0;width:.85em;height:.85em}.hero h2{font-family:var(--font-display);letter-spacing:-.02em;max-width:18ch;margin:0 0 .75rem;font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:700;animation:.9s .12s both riseIn}.hero p{color:var(--muted);max-width:36ch;margin:0 0 1.75rem;font-size:1.05rem;line-height:1.5;animation:.9s .22s both riseIn}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cta-row{flex-wrap:wrap;gap:.75rem;animation:.9s .32s both riseIn;display:flex}.btn{appearance:none;border-radius:var(--radius);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;padding:.8rem 1.2rem;font-size:.85rem;font-weight:700;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);color:var(--btn-primary-fg)}.btn-ghost{border-color:var(--ghost-border);color:var(--ink);background:0 0}.profile-menu{z-index:40;position:fixed;top:1rem;right:1rem}.profile-trigger{border:1px solid var(--line);background:var(--panel);width:2.6rem;height:2.6rem;color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;cursor:pointer;box-shadow:var(--profile-shadow);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;transition:transform .2s,background .2s,border-color .2s;display:grid}.profile-trigger:hover,.profile-trigger[aria-expanded=true]{border-color:var(--forest);transform:translateY(-1px)}.profile-trigger svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.2rem;height:1.2rem}.profile-panel{background:var(--panel-solid);border:1px solid var(--line);border-radius:var(--radius);width:min(18.5rem,100vw - 2rem);box-shadow:var(--profile-shadow);opacity:0;pointer-events:none;transform-origin:100% 0;padding:.85rem .9rem;transition:opacity .18s,transform .18s;position:absolute;top:calc(100% + .55rem);right:0;transform:translateY(-6px)scale(.98)}.profile-menu.open .profile-panel{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.profile-identity{border-bottom:1px solid var(--line);margin-bottom:.85rem;padding-bottom:.75rem}.profile-identity .label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem;font-size:.7rem;display:block}.profile-identity .name{font-family:var(--font-display);letter-spacing:-.02em;word-break:break-word;margin:0;font-size:1.05rem;font-weight:700}.profile-identity .email{color:var(--muted);word-break:break-word;margin:.15rem 0 0;font-size:.85rem}.profile-row{justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem 0;display:flex}.profile-row .theme-label{font-size:.92rem;font-weight:600}.theme-toggle{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:999px;flex-shrink:0;width:2.8rem;height:1.55rem;padding:0;transition:background .2s,border-color .2s;position:relative}.theme-toggle:after{content:"";background:var(--ink);border-radius:50%;width:1.15rem;height:1.15rem;transition:transform .22s;position:absolute;top:2px;left:2px}.theme-toggle[aria-checked=true]{background:var(--forest);border-color:var(--forest)}.theme-toggle[aria-checked=true]:after{background:#fff;transform:translate(1.2rem)}.profile-actions{border-top:1px solid var(--line);margin-top:.75rem;padding-top:.65rem}.profile-actions .btn{width:100%}.dashboard{max-width:1100px;margin:0 auto 4rem;padding:clamp(1.5rem,4vw,3rem)}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.dash-header h1,.dash-header h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:800}.hero h1{font-family:var(--font-display);letter-spacing:-.02em;max-width:18ch;margin:0 0 .75rem;font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:700;animation:.9s .12s both riseIn}.brand-inline{font-family:var(--font-display);letter-spacing:-.02em;color:var(--forest);align-items:center;gap:.4rem;margin:0 0 .35rem;font-size:.95rem;font-weight:800;display:flex}.brand-inline .brand-mark{width:1.15rem;height:1.15rem}.range-bar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.range-bar label{color:var(--muted);gap:.2rem;font-size:.8rem;display:grid}.range-bar input[type=date],.range-bar select{font-family:var(--font-body);border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);color:var(--ink);padding:.45rem .55rem}.range-bar select{cursor:pointer;min-width:9.5rem}.hero-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem;margin-bottom:1.75rem;display:grid}.stat{border-bottom:2px solid var(--line);padding:.9rem .95rem;animation:.6s both riseIn}.stat:first-child{animation-delay:50ms}.stat:nth-child(2){animation-delay:.1s}.stat:nth-child(3){animation-delay:.15s}.stat:nth-child(4){animation-delay:.2s}.stat:nth-child(5){animation-delay:.25s}.stat:nth-child(6){animation-delay:.3s}.stat:nth-child(7){animation-delay:.35s}.stat:nth-child(8){animation-delay:.4s}.stat:nth-child(9){animation-delay:.45s}.stat:nth-child(10){animation-delay:.5s}.stat .label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-size:.7rem;font-weight:600;display:block}.stat .value{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.55rem;font-weight:800;display:block}.stat .subvalue{font-family:var(--font-mono);letter-spacing:.02em;color:var(--muted);margin-top:.2rem;font-size:.85rem;font-weight:600;display:block}.stat .value.money{color:var(--forest)}.stat .value.spend{color:var(--peak)}.chart-block{margin-bottom:2rem}.chart-block h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.2rem;font-weight:700}.chart-block p{color:var(--muted);margin:0 0 .85rem;font-size:.95rem}.chart-frame{height:320px;position:relative}.chart-alt{margin-top:.65rem}.chart-alt-summary{color:var(--muted);margin:0 0 .35rem;font-size:.9rem;line-height:1.45}.mix-legend{flex-direction:column;gap:.85rem;margin:.85rem 0 .65rem;padding:0;list-style:none;display:flex}.mix-legend-row{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;display:grid}.mix-legend-swatch{border-radius:50%;flex-shrink:0;width:.7rem;height:.7rem}.mix-legend-label{color:var(--ink);min-width:0;font-size:1rem;font-weight:600;line-height:1.25}.mix-legend-value{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;font-size:1rem;font-weight:600;line-height:1.25}.bills{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.bills h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.2rem;font-weight:700}.bill-list{margin:0}.bill-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;margin:0;padding:.55rem 0;font-size:.95rem;display:flex}.bill-row dt{margin:0;font-weight:500}.bill-row dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.rate-history{margin-top:.85rem}.rate-history>.note{margin-top:0;margin-bottom:.45rem}.rate-history-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.rate-history-table{border-collapse:collapse;width:100%;font-size:.9rem}.rate-history-table th,.rate-history-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap;padding:.5rem .65rem .5rem 0;font-weight:400}.rate-history-table th[scope=row]{font-weight:600}.rate-history-table th{font-family:var(--font-mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:600}.rate-history-table td:not(:first-child),.rate-history-table th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.rate-history-table caption{caption-side:top;text-align:left;margin-bottom:.45rem;font-weight:600}.rate-history-table .rate-window{color:var(--muted);white-space:normal;margin-top:.15rem;font-size:.78rem;font-weight:400;display:block}.rate-cell-label{display:none}.gate{text-align:center;place-items:center;min-height:100vh;padding:2rem;display:grid}.gate .brand{justify-content:center;margin:0 0 .75rem;font-size:clamp(2rem,6vw,3rem)}.gate p{color:var(--muted);max-width:28rem;margin:0 auto 1.25rem}.note{color:var(--muted);margin-top:.75rem;font-size:.85rem}@media (width<=640px){.chart-frame{height:260px}.rate-history-table thead{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rate-history-table,.rate-history-table tbody,.rate-history-table tr,.rate-history-table th[scope=row],.rate-history-table td{width:100%;display:block}.rate-history-table tr{border-bottom:1px solid var(--line);padding:.7rem 0}.rate-history-table td{white-space:normal;text-align:right;border-bottom:none;justify-content:space-between;align-items:baseline;gap:1rem;padding:.18rem 0;display:flex}.rate-history-table th[scope=row]{text-align:left;white-space:normal;border-bottom:none;margin-bottom:.2rem;padding:.18rem 0;font-weight:600}.rate-cell-label{font-family:var(--font-mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;text-align:left;font-size:.78rem;display:inline}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}