.form-group{margin-bottom:var(--spacing-sm)}.form-label{color:var(--chrome-dim);margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:500;display:block}.form-input{width:100%;padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--chrome-bright);font-size:1rem;font-family:var(--font-mono);transition:all var(--transition-fast);background:#fff}input[type=number]{-moz-appearance:textfield}:is(input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button){-webkit-appearance:none;margin:0}.form-input::placeholder{color:var(--chrome-dim);opacity:.5}.form-suffix{position:relative}.form-suffix .suffix{right:var(--spacing-md);color:var(--chrome-dim);font-size:.875rem;position:absolute;top:50%;transform:translateY(-50%)}.form-suffix .form-input{padding-right:60px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235c5c72' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.card-electric{border-left:3px solid var(--electric-blue)}.card-thermal{border-left:3px solid var(--thermal-orange)}.card-hybrid{border-left:3px solid var(--warning-amber)}:is(.card-electric .form-input,.card-electric .form-select,.card-electric .toggle-group,.card-thermal .form-input,.card-thermal .form-select,.card-thermal .toggle-group,.card-hybrid .form-input,.card-hybrid .form-select,.card-hybrid .toggle-group){border-color:#78828c66}:is(.card-electric .form-input:focus,.card-electric .form-select:focus){border-color:var(--electric-blue);box-shadow:0 0 0 3px var(--electric-blue-glow);outline:none}:is(.card-thermal .form-input:focus,.card-thermal .form-select:focus){border-color:var(--thermal-orange);box-shadow:0 0 0 3px var(--thermal-orange-glow);outline:none}:is(.card-hybrid .form-input:focus,.card-hybrid .form-select:focus){border-color:var(--warning-amber);outline:none;box-shadow:0 0 0 3px #e0950033}.card-electric .info-btn:hover{color:var(--electric-blue)}.card-thermal .info-btn:hover{color:var(--thermal-orange)}.card-hybrid .info-btn:hover{color:var(--warning-amber)}.toggle-group{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:#fff;padding:4px;display:flex}.toggle-btn{padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-md);color:var(--chrome-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;font-weight:500}.toggle-btn.active{color:#fff}.card-thermal .toggle-btn.active{background:var(--gradient-thermal)}.card-hybrid .toggle-btn.active{background:var(--gradient-hybrid)}.card-electric .toggle-btn.active{background:var(--gradient-electric)}.comparison-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);grid-template-columns:1fr 1fr;transition:grid-template-columns .4s;display:grid}.comparison-grid.v1-collapsed{grid-template-columns:280px 1fr;align-items:stretch}.comparison-grid.v2-collapsed{grid-template-columns:1fr 280px;align-items:stretch}.comparison-grid.v1-collapsed.v2-collapsed{grid-template-columns:1fr 1fr}.collapse-toggle-btn{border-radius:var(--radius-sm);color:var(--chrome-dim);cursor:pointer;background:#00000008;border:1px solid #0000001a;align-self:flex-start;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.collapse-toggle-btn:hover{color:var(--btn-color,var(--chrome-bright));border-color:var(--btn-color,#0003);background:#0000000f}.card-collapsed{min-height:0;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;flex-direction:column!important;justify-content:flex-end!important;align-self:stretch!important;padding:0!important;display:flex!important}.card-collapsed:hover{transform:none;border-color:#0000!important}.collapsed-sticky-wrapper{z-index:15;-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);color:#e8e8ec;background:#1e232df2;border:1px solid #ffffff1a;margin-top:auto;position:sticky;bottom:0;box-shadow:0 -4px 16px #0000002e}.collapsed-summary{flex-direction:column;gap:.75rem;display:flex}.collapsed-header{align-items:center;gap:.75rem;display:flex}.collapsed-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.collapsed-name{white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;overflow:hidden}.collapsed-type{color:#b0b0c0;font-size:.8rem}.collapsed-tco{border-radius:var(--radius-sm);background:#ffffff14;border:1px solid #ffffff1a;align-items:center;gap:.5rem;padding:.5rem .6rem;display:flex}.collapsed-tco-label{color:#b0b0c0;white-space:nowrap;font-size:.85rem;font-weight:600}.collapsed-tco-value{font-size:1.2rem;font-weight:700}.collapsed-details{color:#b0b0c0;opacity:.8;flex-wrap:wrap;gap:.3rem;font-size:.75rem;display:flex}.results-section{margin-top:var(--spacing-2xl)}.result-hero{background:var(--gradient-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;margin-bottom:var(--spacing-2xl);border:1px solid var(--glass-border);position:relative;overflow:hidden}.result-hero:before{content:"";background:radial-gradient(circle at 50% 0%, var(--electric-blue-glow) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.result-hero.winner-electric:before{background:radial-gradient(circle at 50% 0%, var(--electric-blue-glow) 0%, transparent 60%)}.result-hero.winner-thermal:before{background:radial-gradient(circle at 50% 0%, var(--thermal-orange-glow) 0%, transparent 60%)}.result-savings{margin-bottom:var(--spacing-sm);font-size:3.5rem;font-weight:700}.savings-electric{color:var(--electric-blue)}.savings-thermal{color:var(--thermal-orange)}.result-subtitle{color:var(--chrome-dim);font-size:1.25rem}.gauge{width:200px;height:100px;margin:0 auto;position:relative}.gauge-arc{fill:none;stroke:var(--carbon-light);stroke-width:12px;stroke-linecap:round}.gauge-value{fill:none;stroke-width:12px;stroke-linecap:round;transition:stroke-dashoffset var(--transition-slow)}.gauge-electric .gauge-value{stroke:var(--electric-blue)}.gauge-thermal .gauge-value{stroke:var(--thermal-orange)}.gauge-label{text-align:center;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.gauge-number{font-size:1.5rem;font-weight:700;font-family:var(--font-mono)}.breakdown-list{list-style:none}.breakdown-item{padding:var(--spacing-md) 0;border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.breakdown-item:last-child{border-bottom:none}.breakdown-label{color:var(--chrome-dim);font-size:.9375rem}.breakdown-value{font-weight:600;font-family:var(--font-mono)}.breakdown-positive{color:var(--success-green)}.breakdown-negative{color:var(--danger-red)}.breakdown-total{padding:var(--spacing-lg);margin-top:var(--spacing-md);border-top:3px solid var(--chrome-bright);border-bottom:3px solid var(--chrome-bright);border-radius:var(--radius-sm);background:linear-gradient(135deg,#0099cc1a 0%,#00a85414 100%);font-size:1.5rem;font-weight:800;animation:2s ease-in-out infinite calculatorStyles-module__8mNTGa__pulse-glow;position:relative;box-shadow:0 4px 12px #0099cc26,inset 0 1px #ffffff80}@keyframes calculatorStyles-module__8mNTGa__pulse-glow{0%,to{box-shadow:0 4px 12px #0099cc26,inset 0 1px #ffffff80}50%{box-shadow:0 4px 20px #0099cc40,inset 0 1px #fff9}}.breakdown-total .breakdown-label{color:var(--electric-cyan);text-transform:uppercase;letter-spacing:.05em;font-size:1rem}.breakdown-total .breakdown-value{color:var(--chrome-bright);text-shadow:0 0 10px #00ff8880;font-size:1.8rem}.arguments-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.argument-card{border-radius:var(--radius-md);padding:var(--spacing-lg);gap:var(--spacing-sm);border:1px solid var(--glass-border);background:#fff;flex-direction:column;display:flex}.argument-title{align-items:center;gap:var(--spacing-sm);font-weight:600;display:flex}.argument-rating{gap:2px;display:flex}.rating-dot{border-radius:var(--radius-full);background:var(--carbon-light);width:8px;height:8px}.rating-dot.filled.electric{background:var(--electric-blue)}.rating-dot.filled.thermal{background:var(--thermal-orange)}.slider{appearance:none;background:var(--carbon-light);border-radius:3px;outline:none;width:100%;height:6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--electric-blue);border-radius:var(--radius-full);cursor:pointer;width:20px;height:20px;box-shadow:0 2px 6px #00000026}.slider::-moz-range-thumb{background:var(--electric-blue);border-radius:var(--radius-full);cursor:pointer;border:none;width:20px;height:20px}.tco-sticky-box{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);z-index:10;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.5rem 1rem;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 16px #00000026,0 0 0 1px #00000014}.vf-section{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:#00000005;max-width:100%;margin:.5rem auto 1rem;padding:.5rem 1rem 1rem}.vf-section-header{border-bottom:1px solid var(--glass-border);justify-content:center;align-items:center;margin-bottom:.25rem;padding-bottom:.25rem;font-size:.85rem;font-weight:600;display:flex}.vf-section-header-alt{color:var(--chrome-bright);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.vf-section-title{align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.vf-emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}.vf-emoji-lg{font-size:2rem;line-height:1}.vf-emoji-md{flex-shrink:0;font-size:1.8rem;line-height:1}.vf-emoji-sm{opacity:.7;flex-shrink:0;font-size:1.4rem;line-height:1}.vf-emoji-xs{opacity:.6;flex-shrink:0;font-size:1.2rem;line-height:1}.vf-name-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.vf-name-input{min-width:80px;color:var(--chrome-bright);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-bottom:2px dotted;border-radius:0;outline:none;flex:180px;padding:.2rem .4rem;font-size:1.1rem;font-weight:700;transition:all .2s;overflow:hidden}.vf-name-input:focus{background:#00000008;border-bottom-style:solid;border-bottom-width:3px}.vf-comment-row{align-items:center;gap:.5rem;margin-bottom:.75rem;padding-left:.25rem;display:flex}.vf-comment-input{color:var(--chrome-dim);background:0 0;border:none;border-bottom:1px dotted #00000026;border-radius:0;outline:none;flex:1;padding:.3rem .5rem;font-family:inherit;font-size:.85rem;font-style:italic;transition:all .2s}.vf-comment-input:focus{color:var(--chrome-bright);background:#00000008;border-bottom-style:solid}.vf-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.vf-actions-group{flex-wrap:wrap;gap:.5rem;display:flex}.vf-icon-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.5rem .75rem;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:1.6rem;line-height:1;transition:all .2s;display:flex}.vf-icon-btn:hover{transform:scale(1.05)}.vf-icon-btn:active{transform:scale(1)}.vf-icon-btn.success{background:var(--success-green);box-shadow:0 2px 8px #00a85440}.vf-icon-btn.success:hover{background:#009a4c;box-shadow:0 4px 12px #00a85459}.vf-icon-btn.danger{background:var(--danger-red);box-shadow:0 2px 8px #d4303040}.vf-icon-btn.danger:hover{background:#b82828;box-shadow:0 4px 12px #d4303059}@media (max-width:1024px){.comparison-grid{grid-template-columns:1fr}:is(.comparison-grid.v1-collapsed,.comparison-grid.v2-collapsed){grid-template-columns:1fr}}@media (max-width:768px){.arguments-grid{grid-template-columns:1fr}.result-savings{font-size:2.5rem}.form-suffix{flex-wrap:wrap}:is(.form-input,.form-select){width:100%;min-width:0;max-width:100%;font-size:16px}.form-group{max-width:100%}.form-label{word-wrap:break-word;font-size:.8rem}.toggle-group{flex-wrap:wrap}}@media (max-width:480px){.result-savings{font-size:1.5rem}.result-hero{padding:var(--spacing-sm)}.breakdown-item{align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;flex-direction:column}.breakdown-value{align-self:flex-end}.breakdown-label{font-size:.8rem}.comparison-grid .card{border-left:3px solid var(--electric-blue)!important;border-right:none!important}.form-label{font-size:.75rem}.suffix{font-size:.75rem}}
