:root{--hv-bg: #0E1116;--hv-surface-1: #171B22;--hv-surface-2: #12161C;--hv-border: #242A33;--hv-border-strong: #2F3742;--hv-primary: #D6A23C;--hv-primary-hover: #BE8C2C;--hv-primary-tint: #2A2212;--hv-on-primary: #2A1E05;--hv-primary-text: #E6BE6A;--hv-success: #5DCAA5;--hv-success-tint: #1A2A24;--hv-danger: #E85D5C;--hv-danger-tint: #2A1615;--hv-text-primary: #F4F6F8;--hv-text-secondary: #AEB6C1;--hv-text-muted: #868F9C;--hv-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--hv-font-mono: ui-monospace, "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;--hv-fs-display: 34px;--hv-fs-amount: 30px;--hv-fs-h2: 22px;--hv-fs-lead: 18px;--hv-fs-body: 15px;--hv-fs-label: 13px;--hv-fs-meta: 12px;--hv-fw-regular: 400;--hv-fw-medium: 500;--hv-lh-tight: 1.15;--hv-lh-body: 1.6;--hv-space-1: 4px;--hv-space-2: 8px;--hv-space-3: 12px;--hv-space-4: 16px;--hv-space-5: 20px;--hv-space-6: 28px;--hv-space-7: 44px;--hv-radius-sm: 8px;--hv-radius-md: 10px;--hv-radius-lg: 12px;--hv-radius-xl: 16px;--hv-radius-pill: 999px;--hv-control-h: 52px;--hv-control-h-sm: 46px;--hv-amount-h: 64px;--hv-shadow-modal: 0 16px 48px rgba(0,0,0,.55);--hv-dur-fast: .12s;--hv-dur-base: .2s;--hv-ease: cubic-bezier(.2, 0, 0, 1);--hv-flow-max: 460px;--hv-focus-ring: 0 0 0 2px var(--hv-bg), 0 0 0 4px var(--hv-primary)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--hv-bg);color:var(--hv-text-primary);font-family:var(--hv-font-sans);font-size:var(--hv-fs-body);font-weight:var(--hv-fw-regular);line-height:var(--hv-lh-body);-webkit-font-smoothing:antialiased;min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}:focus-visible{outline:none;box-shadow:var(--hv-focus-ring);border-radius:var(--hv-radius-sm)}button,input{font-family:inherit;font-size:inherit;color:inherit}.hv-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--hv-space-3);padding:var(--hv-space-4) var(--hv-space-4);border-bottom:1px solid var(--hv-border)}.hv-wordmark{font-size:var(--hv-fs-lead);font-weight:var(--hv-fw-medium);color:var(--hv-text-primary)}.hv-wordmark b{color:var(--hv-primary);font-weight:var(--hv-fw-medium)}.hv-topbar-meta{display:inline-flex;align-items:center;gap:var(--hv-space-2);color:var(--hv-text-muted);font-size:var(--hv-fs-meta)}.hv-main{flex:1;width:100%;padding:var(--hv-space-6) var(--hv-space-4) var(--hv-space-7);display:flex;justify-content:center}.hv-flow{width:100%;max-width:var(--hv-flow-max)}.hv-flow--landing{max-width:560px}.hv-label{display:block;font-size:var(--hv-fs-label);color:var(--hv-text-secondary);margin-bottom:var(--hv-space-2)}.hv-mono{font-family:var(--hv-font-mono);letter-spacing:1px}@keyframes hv-spin{to{transform:rotate(360deg)}}.hv-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hv-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--hv-space-2);border:1px solid transparent;border-radius:var(--hv-radius-lg);font-weight:var(--hv-fw-medium);font-size:var(--hv-fs-body);line-height:var(--hv-lh-tight);cursor:pointer;transition:background-color var(--hv-dur-fast) var(--hv-ease),border-color var(--hv-dur-fast) var(--hv-ease),transform var(--hv-dur-fast) var(--hv-ease)}.hv-btn--lg{width:100%;min-height:var(--hv-control-h);padding:0 var(--hv-space-5)}.hv-btn--md{min-height:44px;padding:0 var(--hv-space-4);border-radius:var(--hv-radius-md)}.hv-btn--primary{background:var(--hv-primary);color:var(--hv-on-primary)}.hv-btn--primary:hover:not(:disabled){background:var(--hv-primary-hover)}.hv-btn--secondary{background:transparent;color:var(--hv-text-primary);border-color:var(--hv-border-strong)}.hv-btn--secondary:hover:not(:disabled){background:var(--hv-surface-1)}.hv-btn--ghost{background:transparent;color:var(--hv-text-secondary)}.hv-btn--ghost:hover:not(:disabled){background:var(--hv-surface-1)}.hv-btn:active:not(:disabled){transform:scale(.98)}.hv-btn:focus-visible{box-shadow:var(--hv-focus-ring);border-radius:var(--hv-radius-lg)}.hv-btn:disabled{cursor:default}.hv-btn--primary:disabled{background:var(--hv-surface-1);color:var(--hv-text-muted)}.hv-btn-spinner{width:18px;height:18px;border-radius:var(--hv-radius-pill);border:2px solid var(--hv-border-strong);border-top-color:var(--hv-primary-text);animation:hv-spin .9s linear infinite}@media(prefers-reduced-motion:reduce){.hv-btn{transition:none}.hv-btn:active:not(:disabled){transform:none}}.hv-meterfield-row{display:grid;grid-template-columns:1fr;gap:var(--hv-space-3)}@media(min-width:640px){.hv-meterfield-row{grid-template-columns:1fr auto}.hv-meterfield-row .hv-btn--lg{width:auto}}.hv-meterfield-box{display:flex;align-items:center;gap:var(--hv-space-3);min-height:var(--hv-control-h);padding:0 var(--hv-space-4);background:var(--hv-surface-1);border:1px solid var(--hv-border-strong);border-radius:var(--hv-radius-md);transition:border-color var(--hv-dur-fast) var(--hv-ease)}.hv-meterfield-box:focus-within{box-shadow:var(--hv-focus-ring)}.hv-meterfield-box.is-invalid{border-color:var(--hv-danger)}.hv-meterfield-icon{display:inline-flex;color:var(--hv-text-muted)}.hv-meterfield-input{flex:1;min-width:0;background:none;border:none;padding:0;font-size:16px;color:var(--hv-text-primary)}.hv-meterfield-input::placeholder{color:var(--hv-text-muted);letter-spacing:0}.hv-meterfield-input:focus{outline:none;box-shadow:none}.hv-meterfield-helper{margin:var(--hv-space-2) 0 0;font-size:var(--hv-fs-label);color:var(--hv-text-muted)}.hv-meterfield-helper.is-invalid{color:var(--hv-danger)}.hv-landing{padding-top:var(--hv-space-5)}.hv-landing-badge{display:inline-flex;align-items:center;gap:var(--hv-space-2);background:var(--hv-surface-1);border:1px solid var(--hv-border);border-radius:var(--hv-radius-pill);padding:var(--hv-space-1) var(--hv-space-3);font-size:var(--hv-fs-meta);color:var(--hv-text-secondary);margin-bottom:var(--hv-space-4)}.hv-landing-badge-bolt{display:inline-flex;color:var(--hv-primary-text)}.hv-landing-title{font-size:28px;font-weight:var(--hv-fw-medium);line-height:var(--hv-lh-tight);margin:0 0 var(--hv-space-3)}@media(min-width:640px){.hv-landing-title{font-size:var(--hv-fs-display)}}.hv-landing-subcopy{color:var(--hv-text-secondary);margin:0 0 var(--hv-space-5);max-width:42ch}.hv-landing-chips{list-style:none;display:flex;flex-wrap:wrap;gap:var(--hv-space-2);padding:0;margin:var(--hv-space-6) 0 0}.hv-landing-chip{display:inline-flex;align-items:center;gap:var(--hv-space-2);background:var(--hv-surface-1);border:1px solid var(--hv-border);border-radius:var(--hv-radius-pill);padding:var(--hv-space-2) var(--hv-space-3);font-size:var(--hv-fs-meta);color:var(--hv-text-secondary)}.hv-landing-chip svg{color:var(--hv-text-muted)}.hv-chip-more{display:none;white-space:pre}@media(min-width:640px){.hv-chip-more{display:inline}}.hv-metercard{background:var(--hv-surface-1);border:1px solid var(--hv-border);border-radius:var(--hv-radius-lg);padding:var(--hv-space-4)}.hv-metercard-top{display:flex;justify-content:space-between;align-items:center;gap:var(--hv-space-3);padding-bottom:var(--hv-space-3);border-bottom:1px solid var(--hv-border)}.hv-metercard-label{font-size:var(--hv-fs-meta);color:var(--hv-text-muted);margin-bottom:var(--hv-space-1)}.hv-metercard-serial{font-size:16px;color:var(--hv-text-primary)}.hv-metercard-confirmed{display:inline-flex;align-items:center;gap:var(--hv-space-1);color:var(--hv-success);font-size:var(--hv-fs-meta);white-space:nowrap}.hv-metercard-address{display:flex;gap:var(--hv-space-3);padding-top:var(--hv-space-3)}.hv-metercard-pin{display:inline-flex;color:var(--hv-text-muted);padding-top:2px}.hv-metercard-address-lines{min-width:0}.hv-metercard-place,.hv-metercard-street{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hv-metercard-place{font-size:14px}.hv-metercard-street{font-size:var(--hv-fs-label);color:var(--hv-text-secondary)}.hv-amount-box{display:flex;align-items:center;gap:var(--hv-space-3);min-height:var(--hv-amount-h);padding:0 var(--hv-space-4);background:var(--hv-surface-1);border:1px solid var(--hv-border-strong);border-radius:var(--hv-radius-md);transition:border-color var(--hv-dur-fast) var(--hv-ease)}.hv-amount-box:focus-within{box-shadow:var(--hv-focus-ring)}.hv-amount-box.is-invalid{border-color:var(--hv-danger)}.hv-amount-prefix{color:var(--hv-text-muted);font-size:24px;line-height:1}.hv-amount-input{flex:1;min-width:0;background:none;border:none;padding:0;font-size:var(--hv-fs-amount);font-weight:var(--hv-fw-medium);color:var(--hv-text-primary)}.hv-amount-input::placeholder{color:var(--hv-text-muted)}.hv-amount-input:focus{outline:none;box-shadow:none}.hv-amount-pill{background:var(--hv-primary-tint);color:var(--hv-primary-text);font-size:var(--hv-fs-meta);font-weight:var(--hv-fw-medium);border-radius:var(--hv-radius-pill);padding:var(--hv-space-1) var(--hv-space-3)}.hv-amount-hint{margin:var(--hv-space-2) 0 0;font-size:var(--hv-fs-label);color:var(--hv-text-muted)}.hv-amount-hint.is-invalid{color:var(--hv-danger)}.hv-receive{display:flex;justify-content:space-between;align-items:center;gap:var(--hv-space-3);background:var(--hv-surface-2);border-radius:var(--hv-radius-md);padding:var(--hv-space-3) var(--hv-space-4)}.hv-receive-label{font-size:var(--hv-fs-meta);color:var(--hv-text-muted);margin-bottom:var(--hv-space-1)}.hv-receive-kwh{font-size:21px;font-weight:var(--hv-fw-medium);color:var(--hv-text-primary)}.hv-receive-unit{font-size:14px;font-weight:var(--hv-fw-regular);color:var(--hv-text-secondary)}.hv-ratechip{display:inline-flex;align-items:center;gap:var(--hv-space-1);font-size:var(--hv-fs-meta);color:var(--hv-text-muted);white-space:nowrap}.hv-ratechip-bolt{display:inline-flex;color:var(--hv-primary-text)}.hv-email-req{color:var(--hv-primary-text)}.hv-email-box{display:flex;align-items:center;gap:var(--hv-space-3);min-height:var(--hv-control-h-sm);padding:0 var(--hv-space-4);background:var(--hv-surface-1);border:1px solid var(--hv-border-strong);border-radius:var(--hv-radius-md);transition:border-color var(--hv-dur-fast) var(--hv-ease)}.hv-email-box:focus-within{box-shadow:var(--hv-focus-ring)}.hv-email-box.is-invalid{border-color:var(--hv-danger)}.hv-email-icon{display:inline-flex;color:var(--hv-text-muted)}.hv-email-input{flex:1;min-width:0;background:none;border:none;padding:0;font-size:16px;color:var(--hv-text-primary)}.hv-email-input::placeholder{color:var(--hv-text-muted)}.hv-email-input:focus{outline:none;box-shadow:none}.hv-email-error{margin:var(--hv-space-2) 0 0;font-size:var(--hv-fs-label);color:var(--hv-danger)}.hv-fees{border-top:1px solid var(--hv-border);padding-top:var(--hv-space-4)}.hv-fees-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--hv-space-3);font-size:var(--hv-fs-label);color:var(--hv-text-secondary);margin-bottom:var(--hv-space-2)}.hv-fees-row b{color:var(--hv-text-primary);font-weight:var(--hv-fw-regular)}.hv-fees-via{font-size:11px;color:var(--hv-text-muted)}.hv-fees-total{display:flex;justify-content:space-between;align-items:baseline;gap:var(--hv-space-3);font-size:16px;font-weight:var(--hv-fw-medium);color:var(--hv-text-primary);padding-top:var(--hv-space-3);margin-top:var(--hv-space-2);border-top:1px solid var(--hv-border)}.hv-fees-skeleton{display:inline-block;height:12px;border-radius:var(--hv-radius-sm);background:var(--hv-surface-1);animation:hv-fees-pulse 1.2s var(--hv-ease) infinite}.hv-fees-skeleton--label{width:96px}.hv-fees-skeleton--value{width:64px}@keyframes hv-fees-pulse{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.hv-fees-skeleton{animation:none}}.hv-amount-screen{display:flex;flex-direction:column;gap:var(--hv-space-4)}.hv-pay--not-ready{background:var(--hv-surface-1);color:var(--hv-text-muted)}.hv-pay--not-ready:hover:not(:disabled){background:var(--hv-surface-1)}.hv-amount-screen-error{margin:0;font-size:var(--hv-fs-label);color:var(--hv-danger)}.hv-amount-screen-reassure{display:flex;align-items:center;justify-content:center;gap:var(--hv-space-2);margin:0;font-size:var(--hv-fs-meta);color:var(--hv-text-muted);text-align:center}.hv-status{text-align:center;padding:var(--hv-space-7) var(--hv-space-5)}.hv-status-spinner{display:inline-block;width:34px;height:34px;border-radius:var(--hv-radius-pill);border:3px solid var(--hv-border-strong);border-top-color:var(--hv-primary);animation:hv-spin .9s linear infinite}@media(prefers-reduced-motion:reduce){.hv-status-spinner{animation-duration:2s}}.hv-status-disc{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:var(--hv-radius-pill)}.hv-status--success .hv-status-disc{background:var(--hv-success-tint);color:var(--hv-success)}.hv-status--failure .hv-status-disc{background:var(--hv-danger-tint);color:var(--hv-danger)}.hv-status--expired .hv-status-disc{background:var(--hv-primary-tint);color:var(--hv-primary-text)}.hv-status-title{font-size:var(--hv-fs-h2);font-weight:var(--hv-fw-medium);line-height:var(--hv-lh-tight);margin:var(--hv-space-4) 0 var(--hv-space-2)}.hv-status-subtitle{color:var(--hv-text-secondary);font-size:14px;margin:0}.hv-status-actions{display:flex;flex-direction:column;gap:var(--hv-space-3);margin-top:var(--hv-space-6)}.hv-tokencard{border:1px solid var(--hv-primary);background:var(--hv-surface-2);border-radius:var(--hv-radius-lg);padding:var(--hv-space-5);text-align:center}.hv-tokencard-label{font-size:var(--hv-fs-meta);font-weight:var(--hv-fw-medium);color:var(--hv-text-muted);letter-spacing:2px;text-transform:uppercase}.hv-tokencard-token{margin:var(--hv-space-3) 0 var(--hv-space-4);font-size:23px;font-weight:var(--hv-fw-medium);line-height:1.4;color:var(--hv-text-primary);-webkit-user-select:all;user-select:all}.hv-tokencard-seg{white-space:nowrap}@media(max-width:639.98px){.hv-tokencard-token{font-size:19px;letter-spacing:1px}.hv-tokencard-seg{display:block}}.hv-summary{margin:0}.hv-summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--hv-space-4);padding:var(--hv-space-3) 0}.hv-summary-row+.hv-summary-row{border-top:1px solid var(--hv-border)}.hv-summary-label{font-size:var(--hv-fs-label);color:var(--hv-text-secondary)}.hv-summary-value{margin:0;color:var(--hv-text-primary);text-align:right;overflow-wrap:anywhere}.hv-success .hv-status{padding-top:var(--hv-space-5);padding-bottom:var(--hv-space-5)}.hv-success-emailed{display:flex;align-items:center;justify-content:center;gap:var(--hv-space-2);margin:var(--hv-space-4) 0 0;color:var(--hv-text-muted);font-size:var(--hv-fs-label)}.hv-success-emailed b{font-weight:var(--hv-fw-medium);color:var(--hv-text-secondary)}.hv-success-actions{display:flex;flex-direction:column;gap:var(--hv-space-3);margin-top:var(--hv-space-6)}.hv-success .hv-summary{margin-top:var(--hv-space-5)}.hv-failure-error{margin:0;color:var(--hv-danger);font-size:14px}.hv-topbar-back{display:inline-flex;align-items:center;gap:var(--hv-space-2);background:none;border:none;padding:var(--hv-space-2) var(--hv-space-3);min-height:44px;border-radius:var(--hv-radius-md);color:var(--hv-text-secondary);font-size:var(--hv-fs-label);cursor:pointer}.hv-topbar-back:hover{background:var(--hv-surface-1);color:var(--hv-text-primary)}