:root{--surface-base: #fffaf0;--surface-card: rgba(255, 255, 255, .86);--surface-elevated: #f8faf6;--surface-muted: #f4f7f2;--surface-input: #fff;--surface-selected: #eff9ed;--surface-accent: #e8f5e9;--surface-accent-strong: #f0fae8;--surface-warning: #fff8e1;--text-primary: #162015;--text-secondary: #233126;--text-muted: #555;--text-faint: #666;--text-on-accent: #fff;--accent: #0c7a2d;--accent-dark: #06431f;--accent-value: #07852e;--accent-light: #e8f5e9;--accent-bg: #f0fae8;--accent-text: #0c7a2d;--border: rgba(17, 24, 39, .12);--border-light: #e0e5da;--border-accent: #0c7a2d;--shadow: rgba(14, 49, 24, .08);--shadow-strong: rgba(14, 49, 24, .14);--blue: #1565c0;--amber: #8a6d00;--amber-bg: #fff4cf;--orange: #f08250;--radius: 8px;--radius-lg: 12px;color:var(--text-primary);background:var(--surface-base);font-family:DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5}[data-theme=dark]{--surface-base: #0f1117;--surface-card: #1a1d27;--surface-elevated: #21242f;--surface-muted: #272b38;--surface-input: #1e2130;--surface-selected: #162e1e;--surface-accent: #162e1e;--surface-accent-strong: #1a3a22;--surface-warning: #2a2510;--text-primary: #eaeaea;--text-secondary: #c8c8c8;--text-muted: #999;--text-faint: #666;--text-on-accent: #0f1117;--accent: #4ade80;--accent-dark: #86efac;--accent-value: #4ade80;--accent-light: #162e1e;--accent-bg: #1a3a22;--accent-text: #4ade80;--border: rgba(255, 255, 255, .08);--border-light: #2a2d3a;--border-accent: #4ade80;--shadow: rgba(0, 0, 0, .4);--shadow-strong: rgba(0, 0, 0, .6);--blue: #64b5f6;--amber: #ffd54f;--amber-bg: #2a2510;--orange: #ff8a65}[data-theme=dark] body{background:var(--surface-base)}[data-theme=dark] .brand strong{color:var(--accent-text)}[data-theme=dark] .step{color:var(--text-secondary)}[data-theme=dark] .step-icon{color:var(--text-faint)}[data-theme=dark] .step.is-active .step-icon{color:var(--accent-text)}[data-theme=dark] .step.is-current .step-icon{background:var(--accent);color:var(--text-on-accent)}[data-theme=dark] .step.is-current>span:last-of-type{color:var(--accent-text)}[data-theme=dark] .step-arrow{color:var(--text-faint)}[data-theme=dark] .step-arrow.arrow-active{color:var(--accent-text)}[data-theme=dark] .hero-nav-wrapper .step-progress{color:var(--text-faint)}[data-theme=dark] .header-menu-toggle,[data-theme=dark] .header-lang .lang-btn{background:var(--surface-input);border-color:var(--border-light);color:var(--text-secondary)}[data-theme=dark] .header-lang .lang-btn.active{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent-text)}[data-theme=dark] .side-panel,[data-theme=dark] .tool,[data-theme=dark] .result-panel,[data-theme=dark] .step-card,[data-theme=dark] .save-panel{background:var(--surface-card);border-color:var(--border);box-shadow:0 12px 34px var(--shadow)}[data-theme=dark] .counter-row .counter-btn{background:var(--surface-input);border-color:var(--border-light);color:var(--accent-text)}[data-theme=dark] .feature-bar{background:var(--surface-elevated);border-color:var(--border)}[data-theme=dark] .feature-bar svg{color:var(--accent-text)}[data-theme=dark] .result-context{background:var(--surface-elevated)}[data-theme=dark] .result-context-location{color:var(--text-primary)}[data-theme=dark] .result-context-location svg{color:var(--accent-text)}[data-theme=dark] .result-headline svg{color:var(--accent-text)}[data-theme=dark] .result-headline strong{color:var(--accent-text)}[data-theme=dark] .result-panel h2 svg{background:var(--accent);color:var(--text-on-accent)}[data-theme=dark] .result-panel h2 strong{color:var(--accent-text)}[data-theme=dark] .result-summary-bar{background:var(--surface-elevated);border-color:var(--border)}[data-theme=dark] .summary-item strong{color:var(--accent-text)}[data-theme=dark] .summary-item small{color:var(--text-muted)}[data-theme=dark] .result-card{background:var(--surface-elevated);border-color:var(--border)}[data-theme=dark] .result-card strong{color:var(--accent-text)}[data-theme=dark] .result-card span{color:var(--text-secondary)}[data-theme=dark] .result-card small{color:var(--text-muted)}[data-theme=dark] .result-place-label{background:var(--surface-muted);color:var(--text-secondary)}[data-theme=dark] .result-offgrid-badge{background:var(--surface-accent);color:var(--accent-text)}[data-theme=dark] .result-section-label,[data-theme=dark] .efficiency-note{color:var(--text-faint)}[data-theme=dark] .report-project-header{border-color:var(--border)}[data-theme=dark] .report-project-header h3,[data-theme=dark] .report-project-meta strong{color:var(--text-primary)}[data-theme=dark] .report-project-meta small,[data-theme=dark] .report-project-meta span{color:var(--text-faint)}[data-theme=dark] .report-narrative{background:var(--surface-accent);border-left-color:var(--accent-text);color:var(--text-secondary)}[data-theme=dark] .section-buy,[data-theme=dark] .section-energy,[data-theme=dark] .section-tech{color:var(--accent-text)}[data-theme=dark] .section-desc{color:var(--text-muted)}[data-theme=dark] .report-table td{border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .report-table td strong{color:var(--accent-text)}[data-theme=dark] .report-table .explain{color:var(--text-faint)}[data-theme=dark] .load-table th{background:var(--surface-muted);color:var(--text-secondary)}[data-theme=dark] .load-table td{color:var(--text-secondary)}[data-theme=dark] .total-row td{border-color:var(--border)}[data-theme=dark] .load-bar-wrapper{background:var(--surface-muted)}[data-theme=dark] .monthly-chart{color:var(--text-secondary)}[data-theme=dark] .next-steps{background:var(--surface-elevated);color:var(--text-secondary)}[data-theme=dark] .next-steps h3{color:var(--accent-text)}[data-theme=dark] .result-share-bar .primary-action{background:var(--accent);color:var(--text-on-accent)}[data-theme=dark] .result-share-bar .secondary-action,[data-theme=dark] .result-actions .secondary-action{background:var(--surface-muted);border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .report-cta small{color:var(--text-muted)}[data-theme=dark] .step-card,[data-theme=dark] .result-panel,[data-theme=dark] .save-panel,[data-theme=dark] .selection-summary{color:var(--text-primary)}[data-theme=dark] .choice,[data-theme=dark] .time-option{background:var(--surface-input);border-color:var(--border-light);color:var(--text-primary)}[data-theme=dark] .choice.selected,[data-theme=dark] .time-option.selected{border-color:var(--accent-text);background:var(--surface-accent)}[data-theme=dark] .counter-icon{color:var(--text-secondary)}[data-theme=dark] .counter-label,[data-theme=dark] .counter-count{color:var(--text-primary)}[data-theme=dark] .watt-total{background:var(--surface-accent);color:var(--accent-text)}[data-theme=dark] .watts-label{background:var(--surface-muted);color:var(--text-muted)}[data-theme=dark] .watts-label:hover,[data-theme=dark] .watts-label.watts-custom{background:var(--surface-accent);color:var(--accent-text)}[data-theme=dark] .watts-input{background:var(--surface-input);border-color:var(--accent-text);color:var(--text-primary)}[data-theme=dark] .place-hint{background:var(--surface-accent);color:var(--accent-text)}[data-theme=dark] .region-select{background:var(--surface-input);border-color:var(--border-light);color:var(--text-primary)}[data-theme=dark] .city-suggestions li button{color:var(--text-primary)}[data-theme=dark] .psh-badge{background:var(--surface-accent);color:var(--accent-text)}[data-theme=dark] .trust-item{color:var(--text-secondary)}[data-theme=dark] .trust-item strong{color:var(--text-primary)}[data-theme=dark] .education-card{background:var(--surface-accent);border-color:var(--border)}[data-theme=dark] .education-card h4{color:var(--accent-text)}[data-theme=dark] .education-card p{color:var(--text-secondary)}[data-theme=dark] .education-metric{background:var(--surface-elevated);border-color:var(--border)}[data-theme=dark] .education-metric dt{color:var(--accent-text)}[data-theme=dark] .education-metric dd{color:var(--text-secondary)}[data-theme=dark] .report-metric-item{background:var(--surface-accent);border-color:var(--border)}[data-theme=dark] .report-metric-item strong{color:var(--accent-text)}[data-theme=dark] .report-metric-item p,[data-theme=dark] .save-panel p{color:var(--text-secondary)}[data-theme=dark] .save-panel input{background:var(--surface-input);border-color:var(--border-light);color:var(--text-primary)}[data-theme=dark] .more-appliances-btn{color:var(--accent-text)}[data-theme=dark] .section-tech{color:var(--blue)}[data-theme=dark] .report-table td:last-child{color:var(--accent-text)}[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4{color:var(--text-primary)}[data-theme=dark] .selection-summary h4{color:var(--text-secondary)}[data-theme=dark] .summary-item{border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .mobile-flow .result-card span{color:var(--text-secondary)}[data-theme=dark] .mobile-flow .result-card strong{color:var(--accent-text)}[data-theme=dark] .mobile-flow .result-card small{color:var(--text-faint)}[data-theme=dark] .feature-bar{background:var(--surface-elevated);border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .feature-bar strong{color:var(--text-primary)}[data-theme=dark] .feature-bar svg{color:var(--accent-text);background:var(--surface-accent)}[data-theme=dark] .battery-type-btn{background:var(--surface-input);border-color:var(--border-light);color:var(--text-secondary)}[data-theme=dark] .battery-type-btn strong{color:var(--text-primary)}[data-theme=dark] .battery-type-btn small{color:var(--text-muted)}[data-theme=dark] .battery-type-btn.active{background:var(--surface-accent);border-color:var(--border-accent);color:var(--accent-text)}[data-theme=dark] .battery-type-btn.active strong{color:var(--accent-text)}[data-theme=dark] .battery-type-btn.active small{color:var(--text-secondary)}[data-theme=dark] .report-cta{background:var(--surface-accent);border-color:var(--accent-text);color:var(--accent-text)}[data-theme=dark] .full-report{background:var(--surface-elevated);border-color:var(--border);border-left-color:var(--accent);box-shadow:inset 0 2px 8px #00000026,0 2px 12px #0003}[data-theme=dark] .report-table td{border-color:var(--border)}[data-theme=dark] .primary-action{background:var(--accent);color:var(--text-on-accent)}[data-theme=dark] .secondary-action{background:var(--surface-input);border-color:var(--border-light);color:var(--text-primary)}*{box-sizing:border-box}h1,h2,h3,h4,.brand strong,.result-card strong,.counter-count,.summary-item strong,.result-headline,.report-cta strong{font-family:Plus Jakarta Sans,DM Sans,system-ui,sans-serif}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 0%,rgba(248,180,20,.14),transparent 30%),linear-gradient(135deg,#fffaf0,#fffdf8 42%,#f2faec)}button,input{font:inherit}button{cursor:pointer}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 24px;background:var(--accent);color:var(--text-on-accent);font-weight:800;border-radius:8px;box-shadow:0 8px 24px #0c7a2d4d;z-index:1000;animation:toast-in .3s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.step-content{animation:step-fade .25s ease-out}@keyframes step-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-shell{width:min(100%,1520px);margin:0 auto;padding:18px 26px 24px}.trust-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;margin-bottom:12px;border-radius:var(--radius);background:var(--surface-accent-strong);border:1px solid var(--border-light);font-size:.82rem;color:var(--text-secondary)}.trust-banner-link{color:var(--accent-text);font-weight:700;text-decoration:none}.trust-banner-link:hover{text-decoration:underline}.hero-header{display:flex;align-items:center;gap:0;margin-bottom:18px;position:relative}.hero-nav-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;margin-left:40px}.hero-nav-wrapper .step-progress{margin:4px 0 0;font-size:.78rem;font-weight:700;color:var(--text-faint)}.brand{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:0}.brand strong{color:var(--accent-dark);font-size:clamp(1.1rem,2vw,1.6rem);line-height:1;white-space:nowrap}.brand-tagline{display:none}.brand-compact strong{font-size:1.2rem}.logo-img{width:auto;height:32px;flex:0 0 auto}.brand-compact .logo-img{height:34px}.header-controls{display:flex;align-items:center;gap:10px}.header-menu-toggle{width:38px;height:38px;border:1px solid var(--border-light);border-radius:8px;background:var(--surface-input);color:var(--text-secondary);display:grid;place-items:center;cursor:pointer;transition:background .15s}.header-menu-toggle:hover{background:var(--surface-elevated);color:var(--accent-text)}.header-dropdown-backdrop{position:fixed;inset:0;z-index:50}.header-dropdown{position:absolute;top:100%;right:26px;margin-top:6px;width:210px;background:var(--surface-base);border:1px solid var(--border-light);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:51;padding:6px;animation:step-fade .15s ease-out}.header-dropdown-nav{display:grid;gap:2px}.header-dropdown-divider{height:1px;background:var(--border-light);margin:6px 0}.header-dropdown-settings{display:grid;gap:2px}.header-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;border:none;background:transparent;color:var(--text-primary);font-size:.88rem;font-weight:600;text-decoration:none;cursor:pointer;width:100%;text-align:left;transition:background .15s}.header-dropdown-item:hover{background:var(--surface-elevated)}.header-dropdown-item svg{color:var(--accent-text);flex:0 0 auto}.step-nav{display:flex;align-items:center;justify-content:center;gap:0}.step-wrapper{display:flex;align-items:center;gap:0}.step{display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;color:var(--text-primary);min-width:0;padding:0}.step-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--text-faint);box-shadow:none;flex:0 0 44px;transition:background .2s,color .2s}.step.is-active .step-icon{color:var(--accent-text);background:transparent}.step.is-current .step-icon{color:var(--text-on-accent);background:var(--accent)}.step.is-current>span:last-of-type{color:var(--accent-text);font-weight:900}.step>span:last-of-type{font-weight:800;font-size:.88rem}.step-arrow{color:var(--text-secondary);flex:0 0 auto;margin:0 10px}.step-arrow.arrow-active{color:var(--accent-text)}.tablet-nav,.tablet-nav-wrapper,.tablet-progress{display:none}.workspace{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:stretch}.workspace-full{grid-template-columns:1fr}.side-panel,.tool,.advice-panel,.save-panel,.result-panel,.step-card{border:1px solid var(--border);background:#ffffffdb;box-shadow:0 12px 34px var(--shadow)}.side-panel{border-radius:8px 0 0 8px;padding:18px 12px 0;overflow:hidden;display:grid;grid-template-rows:1fr auto;align-items:start}.family-art{width:calc(100% + 24px);margin:12px -12px 0;display:block;align-self:end}.trust-signals{display:grid;gap:12px;padding:0 4px;align-self:center}.trust-item{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--text-secondary)}.trust-item span{display:grid}.trust-item svg{flex:0 0 auto;color:var(--accent-text)}.trust-item strong{color:var(--accent-dark)}.tool{border-radius:8px;padding:18px}.tool-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,260px);gap:10px;margin-top:20px}.tool-grid.single-col{grid-template-columns:1fr;max-width:100%}.tool-grid.tool-grid-result{grid-template-columns:1fr minmax(240px,280px)}.main-panel{display:grid;gap:12px}.education-card{position:sticky;top:20px;align-self:start;padding:18px;border-radius:var(--radius);background:var(--surface-accent-strong);border:1px solid var(--border-light);animation:step-fade .3s ease-out}.education-card-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--accent-text);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.education-card-header svg{color:var(--accent-text)}.education-card h4{margin:0 0 8px;font-size:.95rem;color:var(--accent-dark);line-height:1.3}.education-card p{margin:0;font-size:.84rem;line-height:1.55;color:var(--text-secondary)}.education-metrics{margin:12px 0 0;padding:0;display:grid;gap:10px}.education-metric{padding:10px 12px;border-radius:6px;background:var(--surface-base);border:1px solid var(--border-light)}.education-metric dt{font-weight:800;font-size:.82rem;color:var(--accent-dark);margin-bottom:3px}.education-metric dd{margin:0;font-size:.78rem;line-height:1.5;color:var(--text-secondary)}.step-card,.result-panel,.save-panel{border-radius:8px;padding:18px}.step-card h2,.result-panel h2,.save-panel h3,.advice-panel h3{margin:0 0 16px;line-height:1.15}.save-panel p{margin:0 0 16px;color:var(--text-secondary)}.place-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.place-grid .choice:last-child:nth-child(odd){grid-column:1 / -1}.choice-sublabel{display:block;font-size:.7rem;font-weight:600;color:var(--text-faint);margin-top:-2px}.place-hint{display:flex;align-items:center;gap:8px;margin:-8px 0 14px;padding:8px 12px;border-radius:6px;background:var(--surface-accent);color:var(--accent-text);font-size:.82rem;font-weight:600;animation:step-fade .2s ease-out}.place-hint svg{flex:0 0 auto;color:var(--accent-text)}.panel-type-card{display:flex;align-items:center;gap:14px;margin-top:12px;padding:10px;border-radius:var(--radius);background:var(--surface-elevated);border:1px solid var(--border-light);animation:step-fade .25s ease-out}.panel-type-info{display:grid;gap:2px}.panel-type-info strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-faint)}.panel-type-info span{font-size:.9rem;font-weight:700;color:var(--accent-dark)}.panel-type-desc{margin:4px 0 0;font-size:.78rem;line-height:1.5;color:var(--text-secondary)}.panel-type-img{cursor:pointer;transition:opacity .15s;width:80px;height:56px;border-radius:6px;object-fit:cover}.panel-type-img-wrapper{position:relative;flex:0 0 auto;cursor:pointer}.panel-type-tap-hint{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:.6rem;font-weight:700;color:#fff;background:#0000008c;border-radius:0 0 6px 6px;padding:2px 0}.panel-type-img-wrapper:hover .panel-type-img{opacity:.8}.panel-modal-backdrop{position:fixed;inset:0;background:#0009;z-index:200;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.panel-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,700px);max-height:90vh;background:var(--surface-base);border-radius:var(--radius-lg);box-shadow:0 24px 60px #0000004d;z-index:201;overflow-y:auto;animation:modal-in .2s ease-out}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.panel-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;border-radius:50%;background:var(--surface-elevated);color:var(--text-secondary);display:grid;place-items:center;cursor:pointer;z-index:1}.panel-modal-close:hover{background:var(--border-light)}.panel-modal-img{width:100%;display:block;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.panel-modal-info{padding:18px 20px 24px}.panel-modal-info h3{margin:0 0 8px;font-size:1.1rem;color:var(--accent-dark)}.panel-modal-info p{margin:0;font-size:.92rem;line-height:1.6;color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background:#0009;z-index:200;animation:fade-in .2s ease-out}.pdf-name-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,400px);background:var(--surface-base);border-radius:var(--radius-lg);box-shadow:0 24px 60px #0000004d;z-index:201;padding:24px;animation:modal-in .2s ease-out}.pdf-name-modal h3{margin:0 0 6px;font-size:1.1rem}.pdf-name-hint{margin:0 0 16px;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.pdf-name-modal .form-field{margin-bottom:16px}.pdf-name-modal .form-field label{display:block;font-size:.82rem;font-weight:600;margin-bottom:4px}.pdf-name-modal .form-field input{width:100%;padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.95rem;background:var(--surface-input);color:var(--text-primary)}.pdf-prompt-actions{display:flex;flex-direction:column;gap:8px}.pdf-prompt-actions .secondary-action{font-size:.82rem}.step-subtitle{margin:-10px 0 16px;font-size:.88rem;color:var(--text-muted)}.geo-btn{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:10px;border:2px dashed var(--border-accent);border-radius:10px;background:var(--surface-accent-strong);color:var(--accent-text);font-weight:800;font-size:.92rem;transition:background .15s}.geo-btn:hover:not(:disabled){background:var(--surface-accent)}.geo-btn:disabled{opacity:.6;cursor:not-allowed}.divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--text-muted);font-size:.82rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.region-select{width:100%;height:48px;border:1px solid var(--border-light);border-radius:8px;padding:0 12px;font:inherit;font-weight:700;background:var(--surface-input);color:var(--text-primary);cursor:pointer}.region-select:focus{outline:none;border-color:var(--accent-text);box-shadow:0 0 0 3px #0c7a2d1f}.city-search{position:relative}.search-spinner{position:absolute;right:14px;top:14px;color:var(--text-faint);font-weight:700}.city-suggestions{position:absolute;top:52px;left:0;right:0;z-index:10;list-style:none;margin:0;padding:4px 0;border:1px solid var(--border-light);border-radius:8px;background:var(--surface-input);box-shadow:0 8px 24px #0000001f}.city-suggestions li button{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;border:0;background:transparent;text-align:left;font-size:.88rem;font-weight:600;color:var(--text-primary);cursor:pointer}.city-suggestions li button:hover{background:var(--surface-accent-strong)}.city-suggestions li button svg{color:var(--accent-text);flex:0 0 auto}.location-result{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;border-radius:8px;background:var(--surface-accent);color:var(--accent-text);font-size:.88rem;font-weight:700}.location-result svg{flex:0 0 auto}.location-error{margin-top:14px;padding:10px 14px;border-radius:8px;background:var(--surface-warning);color:var(--orange);font-size:.85rem;font-weight:600;border:1px solid var(--orange)}.location-permission-banner{margin-top:14px;padding:12px 16px;border-radius:8px;background:var(--surface-warning);border:1px solid var(--orange)}.location-permission-banner p{margin:0 0 6px;font-size:.85rem;font-weight:600;color:var(--orange)}.location-permission-banner small{display:block;font-size:.75rem;color:var(--text-secondary);line-height:1.4}.methodology-note{margin-top:12px;padding:8px 12px;border-radius:6px;background:var(--surface-muted);font-size:.76rem;color:var(--text-faint);line-height:1.4}.choice,.time-option{min-height:82px;display:grid;place-items:center;gap:5px;border:1px solid var(--border-light);border-radius:8px;background:var(--surface-input);color:var(--text-secondary);font-weight:800;transition:border-color .15s,background .15s}.choice svg,.time-option svg,.tip svg,.advice-panel svg{color:var(--amber)}.choice.selected,.time-option.selected{border-color:var(--accent-text);background:var(--surface-selected);box-shadow:inset 0 0 0 1px #0c7a2d47}.primary-action{width:100%;height:48px;margin-top:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;background:var(--accent);color:var(--text-on-accent);font-weight:900;box-shadow:inset 0 -2px #0000001f;transition:opacity .15s}.primary-action:disabled{opacity:.45;cursor:not-allowed}.secondary-action{width:100%;height:48px;margin-top:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--border-light);border-radius:8px;background:var(--surface-input);color:var(--accent-text);font-weight:900;transition:background .15s}.secondary-action:hover{background:var(--surface-accent-strong)}.step-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.step-actions .primary-action,.step-actions .secondary-action{margin-top:16px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.result-share-bar{display:flex;gap:10px;margin-top:16px}.result-share-bar .primary-action,.result-share-bar .secondary-action{flex:1;margin-top:0;height:44px;font-size:.88rem}.result-actions .secondary-action{margin-top:0}.watt-total{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;background:var(--surface-accent);color:var(--accent-text);font-size:.85rem;font-weight:700;margin-bottom:4px}.watt-total svg{color:var(--accent-text)}.time-check{margin-left:auto;color:var(--accent-text)!important}.count-step{display:grid;gap:4px}.more-appliances-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;margin-top:6px;border:1px dashed var(--border-light);border-radius:8px;background:transparent;color:var(--accent-text);font-weight:800;font-size:.85rem;cursor:pointer;transition:background .15s}.more-appliances-btn:hover{background:var(--surface-accent-strong)}.extra-appliances{display:grid;gap:10px;padding-top:8px;border-top:1px solid var(--border-light);margin-top:6px;animation:step-fade .2s ease-out}.custom-watts-input{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-left:48px;background:var(--surface-elevated);border-radius:6px;font-size:.82rem;font-weight:700}.custom-watts-input label{color:var(--text-muted)}.custom-watts-input input{width:80px;height:34px;border:1px solid var(--border-light);border-radius:6px;padding:0 8px;font:inherit;font-weight:800;text-align:center}.custom-watts-input input:focus{outline:none;border-color:var(--accent-text)}.custom-watts-input span{color:var(--accent-text);font-weight:800}.counter-row{display:grid;grid-template-columns:36px 28px 36px 1fr auto 36px;gap:6px;align-items:center}.counter-row .counter-btn{width:36px;height:36px;border:1px solid var(--border-light);border-radius:8px;background:var(--surface-input);color:var(--accent-text);display:grid;place-items:center;transition:opacity .15s,background .15s}.counter-row .counter-btn:hover:not(:disabled){background:var(--surface-accent-strong)}.counter-row .counter-btn.disabled,.counter-row .counter-btn:disabled{opacity:.3;cursor:not-allowed;color:var(--text-muted)}.counter-row div{display:contents}.counter-icon{color:var(--text-secondary)}.counter-count{font-size:1.5rem;text-align:center;font-weight:700}.counter-label{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watts-label{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border:none;border-radius:4px;background:var(--surface-muted);font-size:.72rem;color:var(--text-faint);cursor:pointer;transition:background .2s,color .2s;margin-left:2px;white-space:nowrap}.watts-label:hover,.watts-label.watts-custom{background:var(--surface-accent);color:var(--accent-text)}.watts-edit-inline{display:inline-flex;align-items:center;gap:2px;margin-left:2px}.watts-input{width:52px;padding:2px 4px;border:1px solid var(--border-accent);border-radius:4px;font-size:.75rem;outline:none}.watts-unit{font-size:.72rem;font-weight:600;color:var(--text-faint)}.time-list{display:grid;gap:10px}.usage-list{display:grid;gap:14px}.usage-row{display:grid;grid-template-columns:1fr;gap:6px;padding:10px 14px;border:1px solid var(--border-light);border-radius:8px;background:var(--surface-input)}.usage-label{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.88rem}.usage-label svg{color:var(--amber)}.usage-control{display:flex;align-items:center;gap:12px}.usage-control input[type=range]{flex:1;height:6px;appearance:none;background:var(--border-light);border-radius:3px;outline:none;cursor:pointer}.usage-control input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer}.usage-control input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);border:0;cursor:pointer}.usage-control strong{min-width:36px;text-align:right;font-size:1rem;color:var(--accent-text)}.time-option{min-height:62px;grid-template-columns:32px 1fr auto;justify-items:start;padding:0 18px}.result-panel h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:1.2rem}.result-subtitle{margin:-8px 0 16px;font-size:.92rem;color:var(--text-secondary)}.result-panel h2 svg{color:var(--text-on-accent);background:var(--accent);border-radius:50%;padding:4px}.result-panel h2 strong{color:var(--accent-text)}.result-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.result-card{min-height:150px;display:grid;justify-items:center;align-content:center;gap:5px;border:1px solid var(--border-light);border-radius:8px;background:var(--surface-input);text-align:center}.result-card svg{color:var(--accent-text)}.result-card-img{width:48px;height:48px;object-fit:contain}.result-card-img-wrapper{cursor:pointer}.result-card-img-wrapper .result-card-img{width:48px;height:48px}.result-card-img-wrapper .panel-type-tap-hint{font-size:.55rem;border-radius:0 0 4px 4px}.result-card span{font-weight:800}.result-card strong{color:var(--accent-value);font-size:1.45rem}.result-card small{font-weight:700}.tip{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px;border-radius:8px;background:var(--amber-bg);font-weight:700;font-size:.88rem}.result-badge-wrapper{text-align:center;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:10px}.result-header-info{text-align:center;margin-bottom:12px}.result-context{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:8px 12px;background:var(--surface-elevated);border-radius:8px}.result-context-location{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.9rem;color:var(--text-secondary)}.result-context-location svg{color:var(--accent-text)}.result-headline{display:flex;align-items:flex-start;gap:8px;font-size:1.1rem;line-height:1.4;margin:8px 0 12px}.result-headline svg{color:var(--accent-text);flex-shrink:0;margin-top:2px}.result-headline strong{color:var(--accent-text)}.result-title{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin:0 0 12px;text-align:center}.report-narrative{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin:0 0 12px;padding:8px 12px;background:var(--surface-elevated);border-left:3px solid var(--border-accent);border-radius:0 6px 6px 0}.result-location-name{font-size:1.1rem;font-weight:800;margin:0 0 6px;color:var(--text-primary)}.result-tags{display:flex;align-items:center;justify-content:center;gap:8px}.result-section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:12px 0 6px}.result-place-label{font-size:.82rem;font-weight:700;color:var(--text-muted);background:var(--surface-muted);padding:4px 12px;border-radius:12px}.result-offgrid-badge{font-size:.75rem;font-weight:700;color:var(--accent-text);background:var(--surface-accent);padding:4px 10px;border-radius:12px}.result-methodology-note{text-align:center;font-size:.8rem;color:var(--text-faint);margin:0 0 12px}.result-summary-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:10px;padding:10px;margin-bottom:4px}.efficiency-note{font-size:.75rem;color:var(--text-faint);text-align:center;margin:0 0 12px;font-style:italic}.cost-estimate-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface-warning);border:1px solid var(--amber);border-radius:8px;margin-bottom:12px;flex-wrap:wrap}.cost-estimate-bar strong{font-size:.8rem;color:var(--amber)}.cost-estimate-bar span{font-size:1rem;font-weight:700;color:var(--amber)}.cost-estimate-bar small{width:100%;font-size:.7rem;color:var(--text-muted);font-style:italic}.summary-item{text-align:center}.summary-item small{display:block;font-size:.68rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.3px}.summary-item strong{font-size:1rem;color:var(--accent-text)}.report-project-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.report-project-header h3{margin:0 0 10px;font-size:1rem;color:var(--text-primary)}.report-project-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.report-project-meta div{display:flex;flex-direction:column;gap:2px}.report-project-meta small{font-size:.68rem;text-transform:uppercase;letter-spacing:.3px;color:var(--text-faint)}.report-project-meta strong{font-size:.88rem;color:var(--text-primary)}.report-project-meta span{font-size:.75rem;color:var(--text-muted)}.report-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.report-metric-item{padding:12px 14px;border-radius:8px;background:var(--surface-accent-strong);border:1px solid var(--border-light)}.report-metric-item strong{display:block;font-size:.84rem;color:var(--accent-dark);margin-bottom:4px}.report-metric-item p{margin:0;font-size:.78rem;line-height:1.5;color:var(--text-secondary)}.result-badge{display:inline-block;padding:6px 20px;border-radius:20px;font-weight:900;font-size:.82rem;letter-spacing:1px}.badge-small{background:var(--surface-accent);color:var(--accent-text)}.badge-medium{background:var(--amber-bg);color:var(--amber)}.badge-large{background:var(--surface-warning);color:var(--orange)}.locked-section{margin-top:16px;padding:12px;border:1px dashed var(--border-light);border-radius:8px;background:var(--surface-elevated)}.locked-row{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:.82rem;color:var(--text-faint);font-weight:600}.locked-row svg{color:var(--text-faint);flex:0 0 auto}.report-cta{width:100%;display:flex;align-items:center;gap:12px;margin-top:28px;padding:16px 20px;border:2px solid var(--border-accent);border-radius:10px;background:var(--surface-accent-strong);color:var(--accent-text);cursor:pointer;text-align:left;transition:background .15s;position:relative}.report-cta:before{content:"";position:absolute;top:-16px;left:0;right:0;height:2px;background:linear-gradient(to right,var(--accent-light),var(--border-accent),var(--accent-light));border-radius:1px}.report-cta:hover{background:var(--surface-accent)}.report-cta svg{flex:0 0 auto}.report-cta strong{display:block;font-size:.95rem}.report-cta small{display:block;font-size:.78rem;color:var(--text-muted);font-weight:600}.full-report{margin-top:16px;padding:24px 20px;border:1px solid var(--border-light);border-left:4px solid var(--accent);border-radius:4px 12px 12px 4px;background:var(--surface-muted);box-shadow:inset 0 2px 8px #00000008,0 2px 12px #0000000a;animation:step-fade .25s ease-out}.full-report h3{margin:0 0 12px;font-size:.92rem;color:var(--accent-dark)}.report-table{width:100%;border-collapse:collapse;font-size:.84rem}.report-table td{padding:8px 4px;border-bottom:1px solid var(--border-light)}.report-table td:first-child{color:var(--text-muted);font-weight:600}.report-table td:last-child{text-align:right;color:var(--accent-dark)}.report-location{margin-top:12px;display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-faint)}.report-location svg{color:var(--accent-text)}.monthly-chart{margin-top:14px}.monthly-chart h4{margin:0 0 10px;font-size:.82rem;color:var(--text-muted)}.month-bars{display:flex;align-items:flex-end;gap:4px;height:100px;padding:0 4px}.month-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.bar-fill{width:100%;min-height:4px;background:linear-gradient(180deg,#f59e0b,#fbbf24);border-radius:3px 3px 0 0;transition:height .3s}.bar-val{font-size:.6rem;font-weight:700;color:var(--text-secondary);margin-top:2px}.bar-label{font-size:.58rem;font-weight:700;color:var(--text-faint)}.section-buy{color:var(--accent-text);border-left:4px solid var(--border-accent);padding-left:10px}.section-energy{color:var(--amber);border-left:4px solid var(--amber);padding-left:10px}.section-tech{color:var(--blue);border-left:4px solid var(--blue);padding-left:10px}.section-desc{margin:-6px 0 12px 14px;font-size:.78rem;color:var(--text-faint);font-weight:600}small.explain{display:block;font-size:.72rem;color:var(--text-faint);font-weight:500;margin-top:2px}.load-bar-cell{display:flex;align-items:center;gap:6px;min-width:90px}.load-bar-wrapper{flex:1;height:8px;background:var(--surface-muted);border-radius:4px;overflow:hidden}.load-bar-fill{height:100%;background:linear-gradient(90deg,#0c7a2d,#4caf50);border-radius:4px;transition:width .3s}.load-bar-pct{font-size:.68rem;font-weight:700;color:var(--text-muted);min-width:28px}.month-bars-container{position:relative}.chart-average-line{position:absolute;left:0;right:0;border-top:2px dashed var(--blue);pointer-events:none}.chart-average-label{position:absolute;right:0;top:-16px;font-size:.62rem;font-weight:700;color:var(--blue);white-space:nowrap}.bar-fill-worst{background:linear-gradient(180deg,#64748b,#94a3b8)!important}.chart-legend{display:flex;gap:16px;margin-top:8px;font-size:.7rem;font-weight:700;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:5px}.legend-swatch{width:12px;height:8px;border-radius:2px}.legend-swatch-worst{background:#64748b}.legend-swatch-avg{background:var(--blue);height:3px;border-top:2px dashed var(--blue)}.next-steps{margin-top:18px;padding:14px 16px;border:1px solid var(--border-light);border-radius:8px;background:var(--surface-elevated)}.next-steps h3{margin:0 0 10px;font-size:.92rem;color:var(--accent-dark)}.next-steps-list{margin:0;padding-left:20px;display:grid;gap:8px}.next-steps-list li{font-size:.84rem;font-weight:600;color:var(--text-secondary);line-height:1.4}.next-steps-cta{display:inline-flex;align-items:center;margin-top:14px;padding:10px 20px;border-radius:var(--radius);background:var(--accent);color:var(--text-on-accent);font-weight:800;font-size:.88rem;text-decoration:none;transition:opacity .15s}.next-steps-cta:hover{opacity:.85}.load-table{font-size:.78rem}.load-table th{padding:6px 4px;text-align:left;font-size:.72rem;color:var(--text-faint);border-bottom:2px solid var(--border-light)}.load-table th:nth-child(n+2){text-align:right}.load-table td:nth-child(n+2){text-align:right}.total-row td{border-top:2px solid var(--border-accent);padding-top:8px}.report-disclaimer{margin-top:8px;font-size:.72rem;color:var(--text-faint);font-style:italic}.save-panel h3,.save-panel p{text-align:center}.save-actions{display:grid;gap:8px}.save-actions button{min-height:48px;display:flex;align-items:center;justify-content:flex-start;gap:12px;border:1px solid var(--border-light);border-radius:8px;background:var(--surface-input);font-weight:800;transition:background .15s}.save-actions button:hover:not(:disabled){background:var(--surface-elevated)}.save-actions button:disabled{opacity:.5;cursor:not-allowed}.coming-soon{margin-left:auto;padding:3px 8px;border-radius:5px;background:var(--accent);color:var(--text-on-accent);font-size:.75rem;font-weight:900}.save-panel label{display:grid;gap:7px;margin-top:14px;font-size:.82rem;font-weight:900}.save-panel input{width:100%;height:44px;border:1px solid var(--border-light);border-radius:8px;padding:0 12px;font-weight:800;transition:border-color .15s}.save-panel input:focus{outline:none;border-color:var(--accent-text);box-shadow:0 0 0 3px #0c7a2d1f}.save-panel input.input-error{border-color:var(--orange);box-shadow:0 0 0 3px #d32f2f1f}.field-error{color:var(--orange);font-size:.78rem;font-weight:700}.link-action{width:100%;border:0;background:transparent;color:var(--accent-text);font-weight:900;margin-top:8px;font-size:.9rem}.selection-summary{border:1px solid var(--border);border-radius:8px;padding:16px;background:var(--surface-card)}.selection-summary h4{margin:0 0 10px;font-size:.82rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px}.summary-item{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border-bottom:1px solid var(--border-light);font-size:.82rem;color:var(--text-secondary)}.summary-item:last-child{border-bottom:none}.summary-item.no-border{border-bottom:none;padding:3px 0}.summary-item svg{flex:0 0 auto;color:var(--accent-text);margin-top:2px}.advice-panel{border:2px solid var(--amber);border-radius:8px;padding:22px;background:var(--amber-bg)}.advice-panel h3{font-size:1.25rem}.advice-panel p{margin:9px 0;padding-left:36px;font-weight:800}.battery-type-selector{margin:1rem 0}.battery-type-selector label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem;color:var(--text-secondary, #555)}.battery-type-options{display:flex;flex-direction:column;gap:8px}.battery-type-btn{flex:1;display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 14px;border:2px solid var(--border-light);border-radius:10px;background:var(--surface-input);cursor:pointer;transition:border-color .2s,background .2s;text-align:left}.battery-type-img{width:48px;height:48px;object-fit:contain;border-radius:6px;flex:0 0 auto}.radio-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-light);flex:0 0 auto;position:relative;transition:border-color .2s}.radio-dot-active{border-color:var(--accent-text)}.radio-dot-active:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:var(--accent-text)}.battery-type-text{display:grid;gap:2px}.recommended-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:10px;background:var(--accent);color:var(--text-on-accent);font-size:.65rem;font-weight:700;vertical-align:middle;text-transform:uppercase;letter-spacing:.02em}.battery-type-btn strong{font-size:.82rem}.battery-type-btn small{font-size:.72rem;color:var(--text-faint)}.battery-type-btn.active{border-color:var(--accent-text);background:var(--surface-accent)}.battery-type-btn:hover:not(.active){border-color:var(--border-light)}.feature-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:18px}.feature-bar div,.feature-bar a{display:flex;align-items:center;gap:12px;min-height:72px;border-radius:8px;padding:12px 16px;background:var(--surface-elevated);border:1px solid var(--border-light);color:var(--text-primary);text-decoration:none}.feature-bar svg{flex:0 0 auto;color:var(--accent-text);background:var(--surface-accent);border-radius:50%;padding:6px;width:40px;height:40px}.feature-bar span{display:grid;font-size:.86rem}.feature-bar strong{display:block}.mobile-flow{display:none}.page-shell{max-width:960px;margin:0 auto;padding:24px 20px;min-height:100vh}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.page-nav{display:flex;gap:8px}.page-nav-link{padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:700;color:var(--accent-text);text-decoration:none;border:1px solid var(--border-light);transition:background .15s}.page-nav-link:hover{background:var(--surface-elevated)}.page-back-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent-text);font-weight:800;font-size:.88rem;text-decoration:none;transition:opacity .15s}.page-back-link:hover{opacity:.7}.page-hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin-bottom:40px}.page-hero-text h1{font-size:2rem;color:var(--accent-dark);margin:0 0 12px;line-height:1.2}.page-hero-text .page-lead{margin-bottom:20px}.page-cta{width:auto;display:inline-flex;padding:0 24px;margin-top:0;text-decoration:none}.page-hero-img{width:100%;border-radius:var(--radius-lg);object-fit:cover;max-height:280px}.page-content h1{font-size:1.8rem;color:var(--accent-dark);margin:0 0 12px}.page-lead{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0 0 24px}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.about-hero-img{width:100%;border-radius:var(--radius-lg);margin-bottom:28px;object-fit:cover;max-height:300px}.about-section{display:flex;gap:16px;margin-bottom:28px;padding:18px;border-radius:var(--radius);background:var(--surface-elevated);border:1px solid var(--border-light)}.about-icon{flex:0 0 auto;color:var(--accent-text)}.about-section h2{font-size:1.05rem;margin:0 0 6px;color:var(--text-primary)}.about-section p{margin:0;font-size:.88rem;line-height:1.6;color:var(--text-secondary)}.about-factors{margin-bottom:28px;padding:24px;border-radius:var(--radius-lg);background:var(--surface-accent-strong);border:1px solid var(--border-light)}.about-factors h2{font-size:1.15rem;margin:0 0 4px;color:var(--accent-dark)}.about-factors-lead{margin:0 0 18px;font-size:.85rem;color:var(--text-muted)}.factors-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.factors-list li{display:flex;align-items:center;gap:12px;font-size:.88rem;line-height:1.4;color:var(--text-primary);font-weight:600}.factors-list li svg{flex:0 0 auto;color:var(--accent-text)}.contact-form{display:grid;gap:16px}.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start}.contact-info-side h1{font-size:1.8rem;color:var(--accent-dark);margin:0 0 12px}.contact-form-side{padding:24px;border-radius:var(--radius-lg);background:var(--surface-elevated);border:1px solid var(--border-light)}.form-field{display:grid;gap:6px}.form-field label{font-size:.82rem;font-weight:800;color:var(--text-secondary)}.form-optional{font-weight:500;color:var(--text-faint);font-size:.75rem}.estimate-attached-badge{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border-radius:var(--radius);background:var(--surface-accent-strong);border:1px solid var(--border-light);font-size:.82rem;font-weight:600;color:var(--accent-text);cursor:pointer}.estimate-attached-badge input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex:0 0 auto}.estimate-attached-section{margin-top:12px}.estimate-summary{margin-top:8px;padding:10px 14px;border-radius:var(--radius);background:var(--surface-elevated);border:1px solid var(--border-light);display:grid;gap:6px}.estimate-summary-item{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:.8rem}.estimate-summary-item span{color:var(--text-muted);flex:0 0 auto}.estimate-summary-item strong{color:var(--text-primary);font-size:.82rem;text-align:right}.form-field input,.form-field textarea,.form-field select{width:100%;padding:12px 14px;border:1px solid var(--border-light);border-radius:var(--radius);background:var(--surface-input);color:var(--text-primary);font:inherit;font-size:.92rem}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:var(--accent-text);box-shadow:0 0 0 3px #0c7a2d1a}.form-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.form-field textarea{resize:vertical;min-height:120px}.contact-form .primary-action{width:auto;justify-self:start;padding:0 24px}.contact-error{margin:0;padding:10px 14px;border-radius:var(--radius);background:var(--surface-warning);border:1px solid var(--orange);color:var(--orange);font-size:.84rem;font-weight:600}.contact-success{text-align:center;padding:40px 20px}.contact-success svg{color:var(--accent-text);margin-bottom:12px}.contact-success h2{margin:0 0 8px;color:var(--accent-dark)}.contact-success p{margin:0 0 24px;color:var(--text-secondary)}.contact-success .primary-action{display:inline-flex;width:auto;padding:0 24px;text-decoration:none}.contact-alt{display:flex;align-items:center;gap:10px;margin-top:24px;padding:14px;border-radius:var(--radius);background:var(--surface-elevated);border:1px solid var(--border-light);font-size:.85rem;color:var(--text-secondary)}.contact-alt svg{color:var(--accent-text);flex:0 0 auto}.result-contact-link{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:12px;border-radius:var(--radius);background:var(--surface-elevated);border:1px solid var(--border-light);color:var(--accent-text);font-size:.85rem;font-weight:700;text-decoration:none;transition:background .15s}.result-contact-link:hover{background:var(--surface-accent-strong)}.page-bottom-ctas{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-light)}.page-bottom-ctas .page-cta{flex:1;text-decoration:none;text-align:center}a.brand{text-decoration:none}.site-footer{max-width:960px;margin:40px auto 0;padding:24px 20px;border-top:1px solid var(--border-light);text-align:center}.footer-nav{display:flex;justify-content:center;gap:24px;margin-bottom:12px}.footer-nav a{color:var(--accent-text);font-size:.85rem;font-weight:700;text-decoration:none}.footer-nav a:hover{text-decoration:underline}.footer-copyright{margin:0 0 4px;font-size:.82rem;color:var(--text-muted)}.footer-disclaimer{margin:0;font-size:.75rem;color:var(--text-faint)}@media(min-width:1024px){.hero-steps{display:flex}}@media(min-width:1024px)and (max-width:1199px){.step-icon{width:38px;height:38px;flex:0 0 38px}.step>span:last-of-type{font-size:.8rem}.step-arrow{margin:0 6px}}@media(min-width:768px)and (max-width:1023px){.app-shell{padding:14px}.hero-header{display:flex;align-items:center;justify-content:space-between}.hero-header .hero-steps,.hero-header .hero-nav-wrapper{display:none}.tablet-nav{display:flex}.tablet-nav-wrapper{display:block;text-align:center;margin-bottom:12px}.tablet-progress{display:block;margin:6px 0 0;font-size:.82rem;font-weight:700;color:var(--text-faint)}.menu-button{display:none}.workspace{grid-template-columns:1fr}.side-panel,.advice-panel{display:none}.tool{max-width:760px;margin:0 auto;padding:14px}.tool-grid{grid-template-columns:1fr}.tool-grid.single-col{max-width:100%}.education-card{display:none}.page-hero{grid-template-columns:1fr;gap:20px}.page-hero-img{max-height:200px}.about-grid{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr;gap:24px}.contact-form-side{padding:18px}.tool-grid.tool-grid-result{grid-template-columns:1fr}.save-panel{display:grid}.save-actions{grid-template-columns:repeat(4,1fr)}.save-actions button{min-height:70px;justify-content:center;flex-direction:column;text-align:center;font-size:.78rem}.feature-bar{grid-template-columns:repeat(2,1fr)}.step-icon{width:36px;height:36px;flex:0 0 36px}}@media(max-width:767px){.app-shell{padding:12px}.page-shell{padding:16px 12px}.page-hero{grid-template-columns:1fr;gap:16px}.page-hero-text h1{font-size:1.4rem}.page-hero-img{max-height:180px}.about-grid{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr;gap:12px}.contact-info-side h1{font-size:1.4rem}.contact-form-side{padding:0;border:none;background:transparent}.page-bottom-ctas{flex-direction:column}.feature-bar-hide-mobile,.feature-bar,.hero-header,.workspace,.trust-banner{display:none}.mobile-flow{display:grid;grid-template-rows:auto auto auto auto auto auto 1fr;gap:6px;max-width:100%;min-height:100vh;margin:0 auto;padding:16px 16px 24px;background:var(--surface-base);color:var(--text-primary)}.mobile-header{display:flex;align-items:center;justify-content:space-between}.mobile-trust-banner{text-align:center;font-size:.78rem;font-weight:600;color:var(--text-muted);padding:4px 0}.mobile-menu-btn{width:48px;height:48px;border:0;background:transparent;color:var(--text-primary);display:grid;place-items:center}.mobile-menu-backdrop{position:fixed;inset:0;background:#0006;z-index:90;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mobile-menu{position:fixed;top:0;right:0;width:85%;max-width:320px;height:100vh;background:var(--surface-base);z-index:100;display:grid;grid-template-rows:auto 1fr;padding:0;box-shadow:-8px 0 24px #00000026;animation:slide-in .25s ease-out}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border-light)}.mobile-menu-title{font-weight:800;font-size:1.1rem;color:var(--accent-text)}.mobile-menu-close{display:grid;place-items:center;width:40px;height:40px;border:none;border-radius:50%;background:var(--surface-elevated);color:var(--text-secondary);cursor:pointer;transition:background .15s}.mobile-menu-close:hover{background:var(--border-light)}.mobile-menu-items{display:flex;flex-direction:column;padding:8px 12px;overflow-y:auto;flex:1}.mobile-menu-section{display:grid;gap:0}.mobile-menu-section-label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);padding:12px 12px 6px}.mobile-menu-divider{height:1px;background:var(--border-light);margin:6px 0}.mobile-menu-item{display:flex;align-items:center;gap:14px;padding:14px 12px;border-radius:10px;background:transparent;border:none;color:var(--text-primary);text-decoration:none;font-size:.92rem;font-weight:600;min-height:52px;transition:background .15s;width:100%;text-align:left}.mobile-menu-item:hover{background:var(--surface-elevated)}.mobile-menu-item:active{background:var(--border-light);transform:scale(.98)}.mobile-menu-item svg{flex:0 0 auto;width:22px;height:22px;color:var(--accent-text)}.lang-toggle-label{display:grid;place-items:center;width:22px;height:22px;font-size:.7rem;font-weight:900;color:var(--accent-text);flex:0 0 auto}.mobile-menu-item-danger{color:var(--text-muted)}.mobile-menu-item-danger svg{color:var(--text-muted)}.mobile-menu-footer{padding:16px 20px;border-top:1px solid var(--border-light);text-align:center;font-size:.72rem;color:var(--text-faint)}.mobile-menu-item strong{display:block;font-size:.95rem}.mobile-menu-cta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;border-radius:10px;background:var(--accent);color:var(--text-on-accent);text-decoration:none;font-size:.85rem;font-weight:700}.mobile-menu-cta svg{color:var(--text-on-accent)}.mobile-menu-cta strong{width:100%;font-size:1rem}.lang-switcher{display:flex;gap:6px;margin-left:auto}.lang-btn{width:36px;height:36px;border:1px solid var(--border-light);border-radius:6px;background:var(--surface-input);font-weight:800;font-size:.78rem;color:var(--text-muted);cursor:pointer}.lang-btn.active{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent-text)}.mobile-flow .primary-action{position:sticky;bottom:0;z-index:2}.step-progress{margin:0;font-size:.78rem;font-weight:700;color:var(--text-faint);text-align:center}.mobile-flow .counter-btn:active{transform:scale(.9)}.mobile-content{display:grid;gap:16px;align-content:start}.education-tip{display:none}.mobile-context-bar{border-radius:8px;background:var(--surface-elevated);border:1px solid var(--border-light);overflow:hidden}.mobile-context-tabs{display:grid;grid-template-columns:1fr 1fr}.context-tab{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border:none;background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:color .15s,background .15s}.context-tab:first-child{border-right:1px solid var(--border-light)}.context-tab.active{color:var(--accent-text);background:var(--surface-accent-strong)}.context-tab svg{flex:0 0 auto}.mobile-context-content{padding:8px 12px 10px;border-top:1px solid var(--border-light);animation:step-fade .2s ease-out;min-height:0}.context-selections{display:grid;gap:6px}.context-selection-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.context-selection-item:not(:last-child){border-bottom:1px solid var(--border-light)}.context-label{font-size:.78rem;color:var(--text-muted);font-weight:600}.context-value{font-size:.82rem;font-weight:800;color:var(--text-primary)}.context-empty{margin:0;font-size:.8rem;color:var(--text-faint);text-align:center;padding:8px 0}.context-learn strong{display:block;font-size:.85rem;color:var(--accent-dark);margin-bottom:4px}.context-learn p{margin:0;font-size:.8rem;line-height:1.5;color:var(--text-secondary)}.mobile-trust{display:grid;gap:16px;padding:20px 8px;margin-top:24px}.mobile-trust .trust-item{font-size:.92rem}.mobile-flow .step-nav{gap:0;width:100%;justify-content:space-between}.mobile-flow .step-wrapper{flex:1;justify-content:center}.mobile-flow .step{min-width:0;gap:4px}.mobile-flow .step>span:last-of-type{display:none}.mobile-flow .step-icon{width:36px;height:36px;flex:0 0 36px}.mobile-flow .step-arrow{flex:1;min-width:12px;margin:0 4px}.mobile-flow .result-panel{border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:0 12px 34px var(--shadow)}.mobile-flow .result-context{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 10px}.mobile-flow .result-headline{font-size:.95rem;text-align:left}.mobile-flow .result-section-label{text-align:center;margin:8px 0 4px}.mobile-flow .result-panel h2{justify-content:flex-start;text-align:left;font-size:1rem;margin-bottom:10px}.mobile-flow .result-cards{grid-template-columns:1fr;gap:8px}.mobile-flow .result-card{grid-template-columns:50px 1fr;grid-template-rows:auto auto auto;min-height:auto;justify-items:start;text-align:left;padding:10px 14px;border-radius:10px}.mobile-flow .result-card .result-card-img-wrapper{grid-row:span 3;width:44px;height:44px}.mobile-flow .result-card .result-card-img-wrapper .result-card-img{width:44px;height:44px}.mobile-flow .result-card .result-card-img-wrapper .panel-type-tap-hint{display:none}.mobile-flow .result-card-img{grid-row:span 3;width:40px;height:40px}.mobile-flow .result-card span{font-size:.75rem;color:var(--text-muted)}.mobile-flow .result-card strong{font-size:1.2rem;color:var(--accent-text)}.mobile-flow .result-card small{display:block;font-size:.72rem;color:var(--text-faint)}.mobile-flow .result-summary-bar{grid-template-columns:repeat(2,1fr);gap:6px;padding:8px}.mobile-flow .summary-item strong{font-size:.88rem}.mobile-flow .efficiency-note{font-size:.7rem}.mobile-flow .battery-type-selector{margin:10px 0}.mobile-flow .battery-type-options{flex-direction:column;gap:6px}.mobile-flow .battery-type-btn{padding:10px 12px;flex-direction:row;justify-content:space-between}.mobile-flow .report-cta{padding:12px 14px;margin-top:16px}.mobile-flow .report-cta:before{top:-10px}.mobile-flow .full-report{padding:12px 10px}.mobile-flow .report-project-meta{grid-template-columns:1fr;gap:8px}.mobile-flow .report-narrative{font-size:.8rem;padding:6px 10px}.mobile-flow .report-table{font-size:.78rem}.mobile-flow .load-table{font-size:.7rem}.mobile-flow .monthly-chart{overflow-x:auto}.mobile-flow .result-share-bar{flex-direction:column;gap:8px}.mobile-flow .result-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mobile-flow .tip{font-size:.82rem;padding:10px 12px}.mobile-flow .result-actions .secondary-action{height:40px;font-size:.82rem;margin-top:0}.mobile-flow .report-cta{position:sticky;bottom:0;z-index:5;background:var(--surface-accent-strong);border-radius:10px;margin-top:12px}.mobile-flow .full-report{font-size:.82rem}.mobile-flow .full-report h3{font-size:.88rem}.mobile-flow .report-table td{padding:6px 2px;font-size:.78rem}.mobile-flow .save-panel{border:0;box-shadow:none;padding:16px 0 0;border-top:1px solid var(--border-light)}.mobile-flow .save-panel h3{font-size:1.05rem;text-align:left}.mobile-flow .save-panel p{display:none}.mobile-flow .save-actions{grid-template-columns:repeat(4,1fr);gap:10px}.mobile-flow .save-actions button{min-height:72px;justify-content:center;flex-direction:column;gap:6px;padding:8px;font-size:.72rem;text-align:center;border-radius:10px}.mobile-flow .save-actions button svg{width:24px;height:24px}.mobile-flow .save-panel label{display:none}.mobile-flow .save-panel .primary-action{height:52px;border-radius:26px;font-size:1rem}.mobile-flow .link-action{display:block;text-align:center;margin-top:4px;font-size:.88rem}}