*{box-sizing:border-box}html{color:#172027;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f6f7;font-family:system-ui,sans-serif}body{min-width:320px;min-height:100vh;margin:0}h1{margin:0;font-size:clamp(2rem,8vw,4rem);font-weight:600}main[data-page=authenticated]{background:#f5f5f5;width:100%;min-height:100vh;padding:1rem 0}.authenticated-view__content{width:100%}.authenticated-view__content h1{text-align:center;color:#172027;margin:1rem .5rem;font-size:1.75rem}.authenticated-view__content p{text-align:center;color:#666;margin:.5rem;font-size:.9rem}.authenticated-view__content button{color:#fff;cursor:pointer;background:#1e88e5;border:none;border-radius:4px;min-height:44px;margin:1rem auto;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:background-color .2s;display:block}.authenticated-view__content button:hover{background:#1565c0}.authenticated-view__content button:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #1e88e5}@media (width>=768px){main[data-page=authenticated]{padding:2rem 0}.authenticated-view__content h1{margin:1.5rem 0}}main[data-page=home]{background:#000;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem 1rem;display:flex;position:relative}.home-page__content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:960px;display:flex}.home-page__logo{width:min(100%,410px);height:auto;margin-bottom:.75rem}.home-page__heading{color:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;font-size:clamp(1.75rem,4vw,3rem);font-weight:700;line-height:1.15}.home-page__description{color:#d7d7d7;max-width:760px;margin:0;font-size:clamp(.95rem,1.7vw,1.2rem);line-height:1.45}.home-page__benefits{justify-content:center;gap:0;width:100%;margin:.75rem 0 .5rem;display:flex}.home-page__benefit{color:#f2f2f2;flex-direction:column;align-items:center;gap:.65rem;min-width:210px;padding:0 2rem;font-size:1rem;display:flex}.home-page__benefit+.home-page__benefit{border-left:1px solid #4d4d4d}.home-page__benefit-icon{background:#064e3b;border-radius:50%;place-items:center;width:62px;height:62px;display:grid}.home-page__benefit-icon svg{fill:#b6f3df;width:34px;height:34px}.home-page__button{color:#fff;cursor:pointer;background:#2585ef;border:none;border-radius:8px;justify-content:center;align-items:center;width:190px;height:62px;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;font-size:1.2rem;font-weight:600;transition:background-color .2s,box-shadow .2s;display:flex}.home-page__button:hover{background:#1a6fd4}.home-page__button:active{background:#1460c0}.home-page__button:focus{outline:none;box-shadow:0 0 0 3px #2585ef4d}.home-page__divider{display:none}@media (width>=769px){.home-page__content{transform:translateY(20px)}.home-page__benefits{margin-top:calc(.75rem + 15px)}.home-page__button{margin-top:20px}}@media (width<=768px){main[data-page=home]{padding:1.5rem 1rem}.home-page__content{gap:1rem}.home-page__heading{font-size:clamp(1.6rem,7vw,2rem)}.home-page__logo{width:min(80%,320px);margin-bottom:.25rem}.home-page__benefits{flex-direction:column;align-items:center;gap:.65rem;margin:15px 0 0}.home-page__benefit{text-align:left;grid-template-columns:62px 1fr;justify-items:start;gap:.75rem;width:min(100%,290px);min-width:0;padding:0;display:grid}.home-page__benefit+.home-page__benefit{border-left:0}.home-page__button{width:170px;margin-top:35px}}@media (width<=480px){main[data-page=home]{padding:1.25rem .75rem}.home-page__logo{width:min(80%,260px)}.home-page__description{font-size:.95rem}.home-page__button{width:min(100%,170px);height:56px}}.spring-calculator{width:100%;padding:.5rem}.section-title{color:#172027;margin:1.5rem .5rem 1rem;font-size:1.1rem;font-weight:600}.door-details{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin:0 .5rem 1rem;padding:1rem;box-shadow:0 2px 4px #0000000f}.door-details__field{margin-bottom:1rem}.door-details__field:last-child{margin-bottom:0}.door-details__label{color:#444;margin-bottom:.4rem;font-size:.9rem;font-weight:500;display:block}.door-details__input{color:#172027;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.door-details__input:focus{border-color:#1e88e5;outline:none;box-shadow:0 0 0 2px #1e88e51a}.door-details__input:disabled{color:#999;background:#f9f9f9}.door-details__button{color:#fff;cursor:pointer;background:#1e88e5;border:none;border-radius:4px;justify-content:center;align-items:center;width:100%;min-height:44px;margin-top:1rem;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:background-color .2s;display:flex}.door-details__springs-section{margin-bottom:1rem}.door-details__button:hover:not(:disabled){background:#1565c0}.door-details__button:active:not(:disabled){background:#0d47a1}.door-details__button:disabled{cursor:not-allowed;background:#ccc}.door-details__button:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #1e88e5}.results-section{margin:1.5rem 0 0}.results-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin:0 .5rem 1.5rem;padding:0;box-shadow:0 1px 3px #0000000a}.results-card .section-title{margin:0;padding:1rem 1rem .5rem;font-size:1rem}.results-summary{background:0 0;border-top:none;border-bottom:none;margin:0;padding:.75rem 1rem;font-size:.9rem}.results-summary__row{color:#777;padding:.4rem 0}.match-card{box-shadow:none;background:#fafafa;border:1px solid #f0f0f0;border-radius:4px;margin:.75rem 0;padding:.9rem}.match-card--recommended{background:#fff;border:1px solid #e8e8e8;box-shadow:0 1px 2px #1e88e514}.match-card--alternative{border-left:2px solid #ddd}.match-card__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.match-card__title{color:#172027;flex:1;margin:0;font-size:.95rem;font-weight:600}.match-card__lift{color:#1e88e5;text-align:right;font-size:1.1rem;font-weight:700}.match-card__difference{color:#999;text-align:right;font-size:.85rem;font-weight:500}.match-card__springs-list{border-top:1px solid #f0f0f0;margin:0;padding:.75rem 0 0;list-style:none}.match-card__spring-item{color:#555;align-items:center;gap:.6rem;padding:.4rem 0;font-size:.85rem;display:flex}.match-card__swatch{border:1px solid #0000001a;border-radius:3px;flex-shrink:0;width:18px;height:18px}.match-card__spring-text{flex:1;justify-content:space-between;gap:.5rem;display:flex}.match-card__spring-name{flex:1}.match-card__spring-lift{color:#999;white-space:nowrap;font-weight:500}.recommended-section{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin:1.5rem .5rem 1rem;padding:0;box-shadow:0 1px 3px #0000000d}.recommended-section-title{color:#172027;margin:.75rem 0 .5rem;padding-top:0;font-size:.95rem;font-weight:600}.alternative-section{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin:1rem .5rem .5rem;padding:0;box-shadow:0 1px 3px #0000000d}.alternative-category-title{color:#333;margin:.75rem 0 .5rem;padding-top:0;font-size:.9rem;font-weight:600}.recommended-header{cursor:pointer;color:#172027;text-align:left;background:0 0;border:none;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;width:100%;margin:0;padding:1rem;font-size:.95rem;font-weight:600;transition:color .2s;display:flex}.recommended-header:hover{color:#1e88e5;border-bottom-color:#e0e0e0}.recommended-header:focus{outline:none;box-shadow:inset 0 0 0 2px #1e88e51a}.recommended-header__title{flex:1}.recommended-header__icon{color:#1e88e5;flex-shrink:0;margin-left:.5rem;font-size:.85rem}.recommended-content{padding:0 1rem 1rem}.recommended-summary{background:#fff;border-left:3px solid #1e88e5;border-radius:0;margin:0;padding:.75rem 1rem}.recommended-summary__content{flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}.recommended-summary__item{gap:.6rem;display:flex}.recommended-summary__label{color:#1e88e5;flex-shrink:0;min-width:45px;font-weight:600}.recommended-summary__details{color:#666;flex:1}.alternative-header{cursor:pointer;color:#172027;text-align:left;background:0 0;border:none;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;width:100%;margin:0;padding:1rem;font-size:.95rem;font-weight:600;transition:color .2s;display:flex}.alternative-header:hover{color:#1e88e5;border-bottom-color:#e0e0e0}.alternative-header:focus{outline:none;box-shadow:inset 0 0 0 2px #1e88e51a}.alternative-header__title{flex:1}.alternative-header__count{color:#999;margin:0 .5rem;font-size:.8rem;font-weight:400}.alternative-header__icon{color:#1e88e5;flex-shrink:0;font-size:.85rem}.alternative-content{padding:0 1rem 1rem}.alternative-filters{border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:.75rem 0 0;display:flex}.alternative-filter-btn{color:#666;cursor:pointer;white-space:nowrap;background:#f8f8f8;border:1px solid #ddd;border-radius:16px;justify-content:center;align-items:center;min-height:30px;padding:.45rem .8rem;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.alternative-filter-btn:hover{color:#1e88e5;background:#fff;border-color:#1e88e5}.alternative-filter-btn:focus{outline:none;box-shadow:0 0 0 2px #1e88e526}.alternative-filter-btn--active{color:#fff;background:#1e88e5;border-color:#1e88e5}.alternative-filter-btn--active:hover{background:#1565c0;border-color:#1565c0}.alternative-empty-message{text-align:center;color:#999;background:0 0;border-radius:0;margin:0;padding:1.5rem 0;font-size:.85rem}.error-message{color:#d32f2f;background:#ffebee;border-left:3px solid #d32f2f;border-radius:2px;margin:.75rem .5rem;padding:.5rem;font-size:.9rem}.validation-error{color:#d32f2f;margin:.5rem 0;font-size:.9rem}.loading-message{text-align:center;color:#1e88e5;padding:1rem;font-size:.95rem}.no-results-message{text-align:center;color:#999;background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin:1rem .5rem;padding:2rem 1rem;font-size:.95rem}@media (width>=768px){.spring-calculator{max-width:720px;margin:0 auto;padding:1rem}.section-title{margin:2rem 0 1.25rem}.door-details{margin:0 0 1.5rem;padding:1.5rem}.results-card{margin:0 0 2rem}.results-card .section-title{padding:1.25rem 1.5rem .75rem;font-size:1.05rem}.results-summary{padding:1rem 1.5rem}.recommended-section{margin:2rem 0 1.5rem}.recommended-header{padding:1.25rem 1.5rem}.recommended-content{padding:0 1.5rem 1.5rem}.recommended-summary{padding:1rem 1.5rem}.alternative-section{margin:1.5rem 0 .5rem}.alternative-header{padding:1.25rem 1.5rem}.alternative-content{padding:0 1.5rem 1.5rem}.alternative-filters{margin:0 0 1rem;padding:1rem 0 0}.alternative-filter-btn{min-height:32px;padding:.5rem 1rem;font-size:.85rem}.match-card{margin:1rem 0;padding:1rem}.match-card--recommended{margin:1rem 0;padding:1.1rem}}@media (width>=1024px){.spring-calculator{max-width:800px}}.spring-selector{box-shadow:none;background:0 0;border:none;border-radius:0;margin:0;padding:0;overflow:visible}.spring-selector__header{cursor:pointer;color:#333;text-align:left;background:#fff;border:1px solid #ddd;border-radius:4px;justify-content:space-between;align-items:center;width:100%;min-height:44px;margin:0 0 1rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:border-color .2s,box-shadow .2s;display:flex}.spring-selector__header:hover{background:#fff;border-color:#bbb}.spring-selector__header:active{background:#fff;border-color:#1e88e5}.spring-selector__header:focus{border-color:#1e88e5;outline:none;box-shadow:0 0 0 2px #1e88e51a}.spring-selector__header-title{color:#444;margin-right:.5rem;font-size:.9rem;font-weight:400}.spring-selector__header-summary{color:#333;text-align:right;flex:1;margin-right:.5rem;font-size:.9rem;font-weight:400}.spring-selector__header-icon{color:#999;flex-shrink:0;margin-left:0;font-size:.9rem}.spring-selector__controls{background:#fff;gap:.75rem;margin:1rem 1rem 0;display:flex}.spring-selector__button{color:#1e88e5;cursor:pointer;background:#fff;border:1px solid #1e88e5;border-radius:4px;flex:1;justify-content:center;align-items:center;min-height:44px;padding:.65rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.spring-selector__button:hover{background:#f0f7ff}.spring-selector__button:active{background:#e3f2fd}.spring-selector__button:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #1e88e5}.spring-selector__button:disabled{color:#ccc;cursor:not-allowed;background:#fafafa;border-color:#ccc}.spring-selector__group{background:0 0;border-top:none;margin:0;padding:0 1rem}.spring-selector__group:first-of-type{border-top:none;padding-top:1rem}.spring-selector__group:last-of-type{padding-bottom:1rem}.spring-selector__group-title{color:#444;margin:1rem 0 .75rem;font-size:.9rem;font-weight:600;display:block}.spring-selector__list{background:#fff;border:1px solid #e8e8e8;border-radius:4px;margin:0 0 1rem;padding:0;list-style:none;overflow:hidden}.spring-selector__item{background:#fff;border-bottom:1px solid #f5f5f5;align-items:center;min-height:44px;padding:.65rem;display:flex}.spring-selector__item:last-child{border-bottom:none}.spring-selector__checkbox{cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-right:1.25rem}.spring-selector__swatch{border:1px solid #0000001a;border-radius:3px;flex-shrink:0;width:18px;height:18px;margin-right:.75rem}.spring-selector__label{color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;font-size:.9rem}.spring-selector__item:hover{background:#fafafa}.spring-selector-error{color:#d32f2f;background:#ffebee;border-radius:4px;margin-bottom:1rem;padding:.75rem;font-size:.9rem}.spring-selector-loading,.spring-selector-empty{text-align:center;color:#999;background:#fff;padding:1rem;font-size:.9rem}@media (width>=768px){.spring-selector{margin:0}.spring-selector__header{padding:.85rem 1.25rem}.spring-selector__controls{gap:1rem;margin:1.25rem 1.25rem 0}.spring-selector__button{padding:.75rem 1.5rem}.spring-selector__group{padding:0 1.25rem}.spring-selector__group:first-of-type{padding-top:1.25rem}.spring-selector__group:last-of-type{padding-bottom:1.25rem}.spring-selector__item{padding:.7rem}}