.page-header.svelte-1yq3sqj{text-align:center;margin-bottom:32px;animation:fadeInUp .5s ease backwards}.header-icon.svelte-1yq3sqj{font-size:4rem;margin-bottom:12px;line-height:1}.page-title.svelte-1yq3sqj{font-size:1.6rem;font-weight:800;color:var(--color-text);margin-bottom:8px;line-height:1.2}.page-subtitle.svelte-1yq3sqj{font-size:1rem;color:var(--color-text-muted);max-width:480px;margin:0 auto;line-height:1.5}.section.svelte-1yq3sqj{margin-bottom:28px}.section-fade.svelte-1yq3sqj{animation:fadeInUp .5s ease backwards}.section-header.svelte-1yq3sqj{display:flex;align-items:center;gap:10px;margin-bottom:16px}.section-dot.svelte-1yq3sqj{width:8px;height:8px;border-radius:50%}.section-title.svelte-1yq3sqj{font-size:1.05rem;font-weight:700;color:var(--color-text)}.cost-grid.svelte-1yq3sqj{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cost-card.svelte-1yq3sqj{padding:24px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.cost-card.svelte-1yq3sqj:hover{transform:translateY(-2px);box-shadow:var(--color-shadow-lg)}.cost-label.svelte-1yq3sqj{font-size:.9rem;color:var(--color-text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.02em}.cost-price.svelte-1yq3sqj{font-size:2rem;font-weight:800;color:var(--color-blue);margin-bottom:8px}.cost-price.highlight.svelte-1yq3sqj{color:var(--color-green)}.cost-detail.svelte-1yq3sqj{font-size:.85rem;color:var(--color-text-dim)}.hourly-grid.svelte-1yq3sqj{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.hour-card.svelte-1yq3sqj{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 8px;text-align:center;transition:all .2s ease;position:relative}.hour-card.svelte-1yq3sqj:hover{background:var(--color-bg-card-hover);transform:translateY(-1px)}.hour-card.cheapest.svelte-1yq3sqj{background:var(--color-green-bg);border-color:var(--color-green)}.hour-card.current.svelte-1yq3sqj{box-shadow:0 0 0 2px var(--color-blue)}.hour-time.svelte-1yq3sqj{font-size:.8rem;color:var(--color-text-muted);margin-bottom:4px}.hour-cost.svelte-1yq3sqj{font-size:1rem;font-weight:700;color:var(--color-text)}.hour-badge.svelte-1yq3sqj{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--color-green);color:#fff;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap}.hour-badge.current.svelte-1yq3sqj{background:var(--color-blue)}.info-card.svelte-1yq3sqj{padding:24px}.info-card.svelte-1yq3sqj h3:where(.svelte-1yq3sqj){font-size:1.1rem;font-weight:700;color:var(--color-text);margin-bottom:16px}.info-card.svelte-1yq3sqj p:where(.svelte-1yq3sqj){color:var(--color-text-muted);font-size:.95rem;line-height:1.6;margin-bottom:16px}.info-card.svelte-1yq3sqj ul:where(.svelte-1yq3sqj){list-style:none;padding:0;margin:0 0 16px}.info-card.svelte-1yq3sqj li:where(.svelte-1yq3sqj){position:relative;padding-left:20px;margin-bottom:12px;color:var(--color-text-muted);font-size:.95rem;line-height:1.5}.info-card.svelte-1yq3sqj li:where(.svelte-1yq3sqj):before{content:"•";position:absolute;left:0;color:var(--color-blue);font-weight:700}.info-card.svelte-1yq3sqj li:where(.svelte-1yq3sqj):last-child{margin-bottom:0}.info-card.svelte-1yq3sqj strong:where(.svelte-1yq3sqj){color:var(--color-text)}.info-note.svelte-1yq3sqj{padding-top:16px;border-top:1px solid var(--color-border);color:var(--color-text-dim);font-size:.85rem;font-style:italic;line-height:1.5;margin-bottom:0!important}.appliance-links.svelte-1yq3sqj{display:flex;flex-wrap:wrap;gap:10px}.appliance-link.svelte-1yq3sqj{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:24px;text-decoration:none;color:var(--color-text);transition:all .2s ease}.appliance-link.svelte-1yq3sqj:hover{background:var(--color-bg-card-hover);border-color:var(--color-blue);transform:translateY(-1px)}.appliance-icon.svelte-1yq3sqj{font-size:1.25rem;line-height:1}.appliance-name.svelte-1yq3sqj{font-size:.9rem;font-weight:600}.tools-section.svelte-1yq3sqj{margin-bottom:0}.tool-card.svelte-1yq3sqj{display:flex;align-items:center;gap:16px;padding:20px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;color:inherit;transition:all .2s ease}.tool-card.svelte-1yq3sqj:hover{background:var(--color-bg-card-hover);border-color:var(--color-blue);transform:translateY(-2px);box-shadow:var(--color-shadow)}.tool-icon.svelte-1yq3sqj{font-size:2rem;line-height:1;flex-shrink:0}.tool-content.svelte-1yq3sqj{flex:1}.tool-content.svelte-1yq3sqj h3:where(.svelte-1yq3sqj){font-size:1rem;font-weight:700;color:var(--color-text);margin-bottom:4px}.tool-content.svelte-1yq3sqj p:where(.svelte-1yq3sqj){font-size:.85rem;color:var(--color-text-muted);margin:0}.tool-arrow.svelte-1yq3sqj{font-size:1.25rem;color:var(--color-text-muted);transition:transform .2s ease,color .2s ease}.tool-card.svelte-1yq3sqj:hover .tool-arrow:where(.svelte-1yq3sqj){transform:translate(4px);color:var(--color-blue)}@media(max-width:768px){.cost-grid.svelte-1yq3sqj{grid-template-columns:1fr}.hourly-grid.svelte-1yq3sqj{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.hourly-grid.svelte-1yq3sqj{grid-template-columns:repeat(3,1fr)}.appliance-links.svelte-1yq3sqj{gap:8px}.appliance-link.svelte-1yq3sqj{padding:8px 12px}.appliance-name.svelte-1yq3sqj{font-size:.85rem}}@media(max-width:480px){.page-title.svelte-1yq3sqj{font-size:1.35rem}.page-subtitle.svelte-1yq3sqj{font-size:.9rem}.header-icon.svelte-1yq3sqj{font-size:3rem}.cost-price.svelte-1yq3sqj{font-size:1.75rem}.hourly-grid.svelte-1yq3sqj{grid-template-columns:repeat(3,1fr);gap:6px}.hour-card.svelte-1yq3sqj{padding:10px 4px}.hour-cost.svelte-1yq3sqj{font-size:.9rem}.hour-time.svelte-1yq3sqj{font-size:.75rem}.hour-badge.svelte-1yq3sqj{font-size:.6rem;padding:1px 6px;top:-6px}.section.svelte-1yq3sqj{margin-bottom:24px}.info-card.svelte-1yq3sqj{padding:20px}.info-card.svelte-1yq3sqj h3:where(.svelte-1yq3sqj){font-size:1rem}.info-card.svelte-1yq3sqj p:where(.svelte-1yq3sqj),.info-card.svelte-1yq3sqj li:where(.svelte-1yq3sqj){font-size:.9rem}.tool-card.svelte-1yq3sqj{padding:16px}.tool-icon.svelte-1yq3sqj{font-size:1.75rem}}
