.calculator-form-wrapper{padding:var(--space-6)}.calculator-mode-toggle{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}.mode-label{font-size:var(--font-size-sm);color:var(--color-text-light);font-weight:600}.mode-switch{gap:4px;display:inline-flex}.mode-btn{border:2px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-weight:700;font-size:var(--font-size-base);border-radius:var(--radius-full);cursor:pointer;padding:10px 20px;transition:background .2s,color .2s}.mode-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.calculator-mode[hidden]{display:none}.version-banner{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);background:linear-gradient(135deg,#c1272d14,#c1272d05);border:1px solid #c1272d33;display:flex}.version-banner-full{background:linear-gradient(135deg,#1a1a2e14,#1a1a2e05);border-color:#1a1a2e33}.version-banner-full .version-badge{background:var(--color-secondary)}.version-badge{align-items:center;gap:var(--space-2);background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);white-space:nowrap;flex-shrink:0;font-weight:600;display:flex}.badge-icon{font-size:1rem}.version-info{font-size:var(--font-size-sm);color:var(--color-text-light);margin:0;line-height:1.5}.version-link{color:var(--color-primary);font-weight:600;text-decoration:none}.version-link:hover{text-decoration:underline}.calculator-error{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--color-error);border-radius:var(--radius-lg);margin-bottom:var(--space-6);color:var(--color-error);background:linear-gradient(135deg,#dc26261a,#dc262605);font-weight:500;display:flex}.calculator-error .error-icon{font-size:var(--font-size-xl)}.form-section{margin-bottom:var(--space-6)}.form-step-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.step-badge{background:var(--color-primary);color:#fff;width:28px;height:28px;font-weight:700;font-size:var(--font-size-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.form-step-header h3{font-size:var(--font-size-lg);color:var(--color-secondary);margin:0;font-weight:600}.form-help{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);margin-left:40px}.weight-input-group{align-items:center;gap:var(--space-3);display:flex}.weight-slider{flex:1;min-width:160px}.weight-slider-input{-webkit-appearance:none;background:var(--color-border);border-radius:4px;outline:none;width:100%;height:8px}.weight-slider-input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #0003}.weight-slider-input::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #0003}.weight-display{margin-top:var(--space-2);font-size:var(--font-size-2xl);justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-secondary);font-weight:700;display:flex}.weight-input{display:none}.unit-toggle{background:var(--color-bg-alt);border-radius:var(--radius-md);justify-content:center;padding:4px;display:flex}.unit-toggle--inline{border:1px solid var(--color-border);background:0 0;padding:2px}.unit-toggle--inline .unit-btn{font-size:var(--font-size-xs);padding:4px 10px}.unit-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text);background:0 0;border:none;font-weight:600;transition:transform .2s,box-shadow .2s}.unit-btn.active{background:var(--color-primary);color:#fff}.option-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.option-grid--compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.option-grid--diameter{grid-template-columns:repeat(3,minmax(0,1fr))}.option-card{padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;background:var(--color-bg);text-align:center;flex-flow:column;justify-content:center;align-items:center;min-height:56px;transition:transform .2s,box-shadow .2s;display:flex}.option-grid--surface .option-card{gap:var(--space-2);padding:var(--space-3);flex-direction:column;justify-content:flex-start;min-height:170px}.option-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.option-card.selected{border-color:var(--color-primary);background:#c1272d0d}.option-card input{display:none}.option-label{font-size:var(--font-size-sm);color:var(--color-text)}.practice-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.practice-card{padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:center;background:var(--color-bg);flex-direction:column;align-items:center;transition:transform .2s,box-shadow .2s;display:flex}.practice-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.practice-card.selected{border-color:var(--color-primary);background:#c1272d0d}.practice-card input{display:none}.practice-icon{margin-bottom:var(--space-2);font-size:1.8rem}.practice-label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.surface-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.surface-card{padding:var(--space-3) var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:var(--color-bg);flex-direction:column;align-items:center;transition:transform .2s,box-shadow .2s;display:flex}.surface-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.surface-card.selected{border-color:var(--color-primary);background:#c1272d0d}.surface-card input{display:none}.surface-icon{margin-bottom:var(--space-1);font-size:1.5rem}.surface-image{object-fit:contain;width:140px;height:140px;display:block}.surface-label{font-size:var(--font-size-xs);color:var(--color-text);text-align:center;font-weight:600}.surface-description{color:var(--color-text-light);text-align:center;margin-top:var(--space-1);font-size:10px;line-height:1.3}.tire-slider-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-left:40px;margin-bottom:var(--space-3);display:block}.tire-width-selector{flex:1;min-width:160px}.tire-slider{-webkit-appearance:none;background:var(--color-border);border-radius:4px;outline:none;flex:1;width:100%;height:8px}.tire-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #0003}.tire-slider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #0003}.tire-width-display{font-size:var(--font-size-2xl);text-align:center;min-width:80px;margin-top:var(--space-2);justify-content:center;align-items:center;font-weight:700;display:flex}.tire-width-divider{margin:0 var(--space-2);color:var(--color-text-muted);font-weight:400}.tire-width-presets{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.preset-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text);font-weight:500;transition:transform .2s,box-shadow .2s}.preset-btn:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.preset-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.form-actions{margin-top:var(--space-6);text-align:center}.btn-calculate{width:100%;padding:var(--space-4);font-size:var(--font-size-lg);justify-content:center;align-items:center;gap:var(--space-3);display:flex}.btn-calculate:disabled{opacity:.7;cursor:wait}.btn-arrow{font-size:var(--font-size-xl);transition:transform .2s}.btn-calculate:hover .btn-arrow{transform:translate(4px)}.expert-toggle{text-align:center;margin-top:var(--space-4)}.link-btn{color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:var(--space-2);background:0 0;border:none;display:inline-flex}.link-btn:hover{color:var(--color-primary)}.toggle-arrow{font-size:10px;transition:transform .2s}.form-help-inline{margin:var(--space-2) 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.weight-dist-custom{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-alt)}.weight-dist-custom[hidden]{display:none}.weight-dist-custom-label{margin-left:0}.weight-dist-slider-row{align-items:center;gap:var(--space-3);display:flex}.weight-dist-slider{-webkit-appearance:none;background:var(--color-border);border-radius:4px;outline:none;flex:1;width:100%;height:8px}.weight-dist-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #0003}.weight-dist-slider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #0003}.weight-dist-value{text-align:right;min-width:84px;color:var(--color-primary);font-weight:700}.temperature-slider-row{align-items:center;gap:var(--space-3);display:flex}.temperature-slider{-webkit-appearance:none;background:var(--color-border);border-radius:4px;outline:none;flex:1;height:8px}.temperature-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-secondary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #0003}.temperature-slider::-moz-range-thumb{background:var(--color-secondary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #0003}.temperature-value{text-align:center;min-width:64px;color:var(--color-secondary);font-weight:600}.speed-slider{gap:var(--space-3);flex-direction:column;display:flex}.speed-slider-input{-webkit-appearance:none;background:var(--color-border);border-radius:4px;outline:none;width:100%;height:8px}.speed-slider-input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #0003}.speed-slider-input::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #0003}.speed-display{font-size:var(--font-size-2xl);color:var(--color-secondary);justify-content:center;align-items:center;gap:var(--space-3);font-weight:700;display:flex}.form-group--full{grid-column:1/-1}.expert-options{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius-lg)}.expert-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));place-content:center;place-items:center stretch;display:grid}.form-group{text-align:center}.expert-options .form-group label{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--space-2);font-weight:600;display:block}.expert-options select{width:100%;padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg);color:var(--color-text)}.expert-options select:focus{border-color:var(--color-primary);outline:none}.checkbox-label{align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);font-weight:500;display:flex}.checkbox-label input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.checkbox-custom{border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);flex-shrink:0;width:22px;height:22px;transition:all .2s;position:relative}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-custom:after{content:"";opacity:0;border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;transition:opacity .2s;position:absolute;top:3px;left:7px;transform:rotate(45deg)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{opacity:1}.calculator-results{margin-top:var(--space-8);padding-top:var(--space-8);border-top:2px solid var(--color-primary);animation:.4s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-title{font-size:var(--font-size-2xl);color:var(--color-secondary);text-align:center;margin-bottom:var(--space-8);font-weight:800}.results-grid{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1fr;display:grid}.result-card{background:linear-gradient(135deg, var(--color-bg-alt), var(--color-bg));border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all .2s}.result-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.result-front{border-color:var(--color-primary-light)}.result-back{border-color:var(--color-secondary)}.result-label{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-3);font-weight:600}.result-value{justify-content:center;align-items:baseline;gap:var(--space-2);display:flex}.pressure-psi{font-size:3rem;font-weight:800;line-height:1}.result-front .pressure-psi{color:var(--color-primary)}.result-back .pressure-psi{color:var(--color-secondary)}.pressure-unit{font-size:var(--font-size-lg);color:var(--color-text-muted);font-weight:600}.result-bar{margin-top:var(--space-2);font-size:var(--font-size-base);color:var(--color-text-light)}.results-note{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-4) 0}.hookless-warning{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-warning);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-warning);margin-bottom:var(--space-4);background:#d977061a;display:flex}.app-upsell{align-items:flex-start;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-5);background:linear-gradient(135deg, var(--color-secondary), #2a2a4e);border-radius:var(--radius-lg);color:#fff;display:flex}.app-upsell-icon{flex-shrink:0;font-size:2rem}.app-upsell-content{flex:1}.app-upsell-content strong{font-size:var(--font-size-base);margin-bottom:var(--space-2);display:block}.app-upsell-content p{font-size:var(--font-size-sm);opacity:.9;margin:0 0 var(--space-3) 0;line-height:1.5}.app-upsell-link{align-items:center;gap:var(--space-2);color:#fff;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:#ffffff26;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.app-upsell-link:hover{background:#ffffff40}@media (width<=600px){.calculator-mode-toggle{align-items:center}.version-banner{gap:var(--space-3);flex-direction:column}.practice-grid,.surface-grid{grid-template-columns:repeat(2,1fr)}.option-grid--diameter{grid-template-columns:repeat(2,minmax(0,1fr))}.weight-input-group{flex-wrap:wrap;justify-content:center}.app-upsell{text-align:center;flex-direction:column}.app-upsell-icon{align-self:center}.surface-carousel{gap:var(--space-3);scroll-snap-type:x mandatory;padding-bottom:var(--space-2);display:flex;overflow-x:auto}.surface-carousel .surface-card,.surface-carousel .option-card{scroll-snap-align:start;flex:0 0 70%}.surface-carousel::-webkit-scrollbar{height:6px}.surface-carousel::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}}@media (width>=480px){.calculator-form-wrapper{padding:var(--space-8)}}@media (width>=768px){.results-grid{grid-template-columns:repeat(2,1fr)}.result-card{padding:var(--space-8)}.pressure-psi{font-size:4rem}}@media (width>=1024px){.calculator-form-wrapper{padding:var(--space-10)}}@media (width>=900px){.expert-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}