body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--text-main);background:var(--bg-color);margin:0;padding:0;font-size:14px}.app-container{min-height:100vh;background:var(--bg-color)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em}.tabular-nums{font-variant-numeric:tabular-nums}a:focus-visible,button:focus-visible,select:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.compact-btn:focus-visible,.quick-select-btn:focus-visible,.refresh-button:focus-visible,[role=region]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.info-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;padding:2px;margin:-2px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;line-height:0;border-radius:var(--radius-pill)}.info-tooltip-trigger:hover,.info-tooltip-trigger[aria-expanded=true]{color:var(--text-secondary)}.info-popover{position:fixed;inset:auto;margin:0;text-align:left;text-transform:none;letter-spacing:normal;white-space:normal;font-size:var(--text-sm);font-weight:400;line-height:1.45;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.75rem .875rem;animation:info-pop-in var(--dur-fast) var(--ease-out)}.info-popover-title{margin-bottom:.25rem;font-weight:600;color:var(--text-main)}.info-popover a{color:var(--accent-color);font-weight:500;white-space:nowrap}@keyframes info-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.info-popover{animation:none}}.app-header{background:transparent;padding:1.5rem 0 0;text-align:left;max-width:1100px;margin:0 auto 1.5rem}.app-header h1{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin:0 0 .25rem;color:var(--text-main);text-wrap:balance}.app-header p{font-size:var(--text-base);color:var(--text-secondary);margin:0}.app-header-updated{min-height:1.4em;white-space:pre}.main-container{max-width:1100px;margin:0 auto;padding:0 1rem 2rem}.filter-panel{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-6);border:1px solid var(--border-color)}.filter-top-section{margin-bottom:1rem}.usage-section{display:grid;grid-template-columns:minmax(0,1.5fr) 200px auto;gap:1rem;align-items:start}.usage-input-wrapper{position:relative}.usage-input{width:100%;padding-right:.75rem!important}.quick-select-buttons{display:flex;gap:4px;margin-top:.5rem;border-radius:var(--radius-md);background-color:var(--surface-2);padding:4px;border:1px solid var(--border-color)}.quick-select-btn{flex:1;padding:.4rem .5rem;font-size:13px;font-weight:500;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.quick-select-btn:hover{background:var(--surface-3)}.quick-select-btn.active{background:var(--surface);color:var(--text-main);box-shadow:var(--shadow-sm)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.compact-grid{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);align-items:flex-end}.filter-group{display:flex;flex-direction:column}.filter-label{font-weight:500;margin-bottom:.5rem;color:var(--text-secondary);font-size:13px}.filter-input{height:40px;padding:0 .75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);background:var(--surface);color:var(--text-main);box-sizing:border-box}input[type=range].filter-input{-webkit-appearance:none;width:100%;background:transparent;padding:0;height:40px;border:none}input[type=range].filter-input:focus{outline:none}input[type=range].filter-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-ring)}input[type=range].filter-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--accent-ring)}input[type=range].filter-input::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:var(--text-main);cursor:pointer;margin-top:-8px;box-shadow:var(--shadow-sm)}input[type=range].filter-input::-moz-range-thumb{box-shadow:var(--shadow-sm);height:20px;width:20px;border-radius:50%;background:var(--text-main);cursor:pointer;border:none}input[type=range].filter-input::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:var(--border-color);border-radius:2px}input[type=range].filter-input::-moz-range-track{width:100%;height:4px;cursor:pointer;background:var(--border-color);border-radius:2px}.filter-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-soft)}.refresh-button{background:var(--primary-color);color:#fff;border:none;margin-top:21px;height:40px;min-width:120px;padding:0 1.25rem;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;white-space:nowrap}.refresh-button:hover{background:var(--primary-hover)}.refresh-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.plans-section{margin-bottom:3rem}.section-title{font-size:var(--text-md);font-weight:600;letter-spacing:-.01em;color:var(--text-main);margin:0 0 var(--space-6) 0;display:flex;align-items:center;gap:var(--space-2)}.plan-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}@media(max-width:640px){.plan-cards-grid{grid-template-columns:1fr;gap:.75rem}}.compact-btn{padding:.375rem .875rem;font-size:.8125rem;font-weight:500;border-radius:4px;text-decoration:none;transition:all .15s ease;display:inline-block;white-space:nowrap;min-width:60px}.compact-btn-primary{background:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.compact-btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff;text-decoration:none}.compact-btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.compact-btn-secondary:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text-main);text-decoration:none}@media(max-width:640px){.compact-btn{padding:.5rem .75rem;font-size:.875rem;min-width:auto}.overflow-x-auto{-webkit-overflow-scrolling:touch}}.plans-table tbody tr{transition:background-color var(--dur-fast) var(--ease-out)}.plans-table tbody tr:hover{background:var(--surface-2)}.plan-card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:relative;display:flex;flex-direction:column;height:100%;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.plan-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.plan-card--best{border-color:var(--success-color);box-shadow:var(--shadow-md)}.plan-card--best:hover{border-color:var(--success-color)}.plan-rank-badge{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-3);color:var(--text-tertiary)}.plan-rank-badge--best{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:var(--radius-pill);background:var(--success-soft);color:var(--success-strong);letter-spacing:.05em}.plan-provider{font-size:15px;font-weight:600;color:var(--text-main);margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}.plan-product{color:var(--text-secondary);font-size:13px;margin:0 0 1rem}.bullseye-warning{background:var(--warning-soft);color:var(--badge-bullseye);padding:.75rem;border-radius:var(--radius-md);font-size:var(--text-base);margin-bottom:1rem;border:1px solid var(--warning-border);display:flex;align-items:center;gap:.5rem}.cost-breakdown{background:transparent;padding:0;margin-bottom:1.25rem;border:none;display:flex;justify-content:space-between;align-items:flex-start}.total-cost{font-size:24px;font-weight:600;color:var(--text-main);margin:0 0 .25rem}.cost-label{color:var(--text-secondary);font-size:13px;margin:0 0 1rem}.cost-details{font-size:13px;color:var(--text-secondary);line-height:1.5}.cost-details div{margin-bottom:.25rem}.plan-details{flex-grow:1;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:.75rem 1rem;margin-bottom:1.5rem}.detail-item{font-size:13px}.detail-label{font-weight:500;color:var(--text-secondary)}.detail-value{color:var(--text-main)}.plan-actions{display:flex;gap:.75rem;margin-top:auto}.btn-primary{background:var(--primary-color);color:#fff;min-height:44px;padding:0 1.25rem;border:1px solid var(--primary-color);border-radius:8px;font-weight:500;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;flex:1;box-sizing:border-box}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff;text-decoration:none}.btn-secondary{background:transparent;color:var(--text-secondary);min-height:44px;padding:0 1.25rem;border:1px solid var(--border-color);border-radius:8px;font-weight:500;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;flex:1;box-sizing:border-box}.btn-secondary:hover{background:var(--bg-color);color:var(--text-main);text-decoration:none}.loading-container{display:flex;justify-content:center;align-items:center;padding:3rem}.loading-spinner{width:3rem;height:3rem;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-refreshing{opacity:.55;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out)}.empty-state{background:var(--surface);color:var(--text-secondary);padding:var(--space-8) var(--space-6);border-radius:var(--radius-md);margin-bottom:1rem;border:1px solid var(--border-color);text-align:center;font-size:var(--text-base);line-height:1.6}.empty-state-title{font-weight:600;color:var(--text-main);margin-bottom:var(--space-2)}.error-container{background:var(--danger-soft);color:var(--danger-color);padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);margin-bottom:1rem;border:1px solid var(--danger-color);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.error-retry{margin-left:auto;background:var(--danger-color);color:#fff;border:none;border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:var(--text-base);font-weight:500;min-height:40px;cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out)}.error-retry:hover{opacity:.9}@media(max-width:768px){.filter-input{font-size:var(--text-md)}.usage-section{grid-template-columns:1fr;gap:.75rem}.quick-select-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.quick-select-btn{padding:.5rem .25rem}.filter-grid.compact-grid{grid-template-columns:1fr}.app-header{padding:1.25rem 0;margin-bottom:1.25rem}.app-header h1{font-size:var(--text-xl)}.filter-grid,.plan-cards-grid{grid-template-columns:1fr}.plan-details{grid-template-columns:1fr 1fr;gap:.5rem}.plan-actions{flex-direction:column}}@media(max-width:480px){.main-container{padding:.5rem}.filter-panel,.plan-card{padding:1rem}}.plan-badges{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.plan-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-prepaid{background:transparent;color:var(--badge-prepaid);border:1px solid var(--badge-prepaid-border)}.badge-tou{background:transparent;color:var(--badge-tou);border:1px solid var(--badge-tou-border)}.badge-new-customer{background:transparent;color:var(--text-secondary);border:1px solid var(--border-strong)}.badge-min-usage{background:transparent;color:var(--badge-min-usage);border:1px solid var(--badge-min-usage-border)}.badge-bullseye{background:transparent;color:var(--badge-bullseye);border:1px solid var(--badge-bullseye-border)}.badge-condition{background:transparent;color:var(--badge-condition);border:1px solid var(--badge-condition-border)}.badge-setup-fee{background:transparent;color:var(--badge-setup);border:1px solid var(--badge-setup-border)}.table-badges{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.table-badge{display:inline-flex;align-items:center;padding:.1rem .35rem;border-radius:3px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.plan-description{font-size:13px;color:var(--text-tertiary);font-style:normal;margin-bottom:.75rem;padding:0;background:transparent;border-left:none;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tier-pricing{margin-bottom:1rem;padding:.75rem;background:#fff;border-radius:8px;border:1px solid var(--border-color)}.tier-pricing-title{font-size:11px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.tier-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.tier-cell{text-align:center;padding:.5rem .25rem;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-color);transition:border-color var(--dur-fast) var(--ease-out)}.tier-cell.tier-current{border-color:var(--accent-color);background:var(--surface-2)}.tier-kwh{font-size:11px;color:var(--text-tertiary);margin-bottom:.15rem}.tier-cost{font-size:14px;font-weight:600;color:var(--text-main)}.text-green{color:var(--success-strong)}.text-warning{color:var(--badge-bullseye)}.site-header{border-bottom:1px solid var(--border-color);background:var(--surface)}.site-header-inner{max-width:1100px;margin:0 auto;padding:0 1rem;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-brand{font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--text-main);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.site-brand-mark{width:24px;height:24px;display:block;flex-shrink:0}.site-nav{display:flex;align-items:center;gap:1.25rem;min-width:0}.site-nav-link{font-size:13px;color:var(--text-secondary);text-decoration:none;white-space:nowrap}.site-nav-link:hover{color:var(--text-main)}.site-nav-link.active{color:var(--text-main);font-weight:500}.site-footer{border-top:1px solid var(--border-color);background:var(--surface);margin-top:3rem}.site-footer-inner{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 2rem;display:flex;flex-direction:column;gap:.75rem}.site-footer-nav{display:flex;flex-wrap:wrap;gap:1.25rem}.site-footer-nav a{font-size:13px;color:var(--text-secondary);text-decoration:none}.site-footer-nav a:hover{color:var(--text-main);text-decoration:underline}.site-footer-disclosure{font-size:12px;color:var(--text-tertiary);line-height:1.5;margin:0}.site-footer-disclosure a{color:var(--text-secondary)}.site-footer-note{font-size:11px;color:var(--text-tertiary);line-height:1.5;margin:0}.content-page{padding-top:1.5rem}.prose{max-width:68ch}.prose h1{font-size:var(--text-2xl);font-weight:700;margin:0 0 1rem;color:var(--text-main);text-wrap:balance}.prose h2{font-size:var(--text-lg);font-weight:600;margin:2rem 0 .5rem;color:var(--text-main);text-wrap:balance}.prose p{font-size:var(--text-md);line-height:1.65;color:var(--text-secondary);margin:0 0 1rem;text-wrap:pretty}.prose ul{margin:0 0 1rem;padding-left:1.25rem;color:var(--text-secondary)}.prose li{font-size:var(--text-md);line-height:1.6;margin-bottom:.4rem}.prose a{color:var(--accent-color);text-decoration:underline}.filters-toggle{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;padding:.4rem 0;background:none;border:none;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer}.filters-toggle:hover{color:var(--text-main)}.filters-toggle-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-color);font-size:11px;font-weight:600}.filters-toggle-chevron{transition:transform var(--dur-base) var(--ease-out)}.filters-toggle-chevron.open{transform:rotate(180deg)}@media(max-width:640px){.site-header-inner{min-height:0;flex-wrap:wrap;padding:.6rem 1rem;gap:.4rem 1rem}.site-nav{gap:.9rem;flex-wrap:wrap;margin-left:auto}.site-nav-link{font-size:12px}}:root{--bg-color: oklch(98% .004 260);--surface: oklch(99.4% .002 260);--surface-2: oklch(96.5% .005 260);--surface-3: oklch(93.5% .007 260);--text-main: oklch(22% .012 265);--text-secondary: oklch(45% .01 265);--text-tertiary: oklch(51% .009 265);--border-color: oklch(90% .006 260);--border-strong: oklch(80% .008 260);--primary-color: oklch(25% .015 265);--primary-hover: oklch(33% .015 265);--accent-color: oklch(53% .17 268);--accent-soft: oklch(53% .17 268 / .12);--accent-ring: oklch(53% .17 268 / .4);--success-color: oklch(57% .12 158);--success-strong: oklch(47% .11 158);--success-soft: oklch(96% .03 158);--warning-color: oklch(56% .13 60);--warning-soft: oklch(95% .045 80);--warning-border: oklch(82% .11 80);--danger-color: oklch(55% .2 27);--danger-soft: oklch(96% .03 27);--info-color: oklch(55% .16 255);--badge-prepaid: oklch(48% .17 262);--badge-prepaid-border: oklch(85% .07 255);--badge-tou: oklch(48% .2 295);--badge-tou-border: oklch(86% .07 300);--badge-condition: oklch(48% .15 45);--badge-condition-border: oklch(80% .1 55);--badge-min-usage: oklch(45% .13 45);--badge-min-usage-border: oklch(82% .1 55);--badge-bullseye: oklch(47% .11 75);--badge-bullseye-border: oklch(80% .12 85);--badge-setup: oklch(50% .12 75);--badge-setup-border: oklch(80% .12 90);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--shadow-sm: 0 1px 2px oklch(25% .02 265 / .06);--shadow-md: 0 6px 16px oklch(25% .02 265 / .08);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .15s;--dur-base: .2s;--z-sticky: 100;--z-overlay: 400}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-main);font-size:var(--text-base);line-height:1.5}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}