/* /high_achiever_measuring_guide/static/src/scss/measuring_guide.scss */
 .ha-body{margin: 0; background: #0b0b0c; color: #f5f5f0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; -webkit-tap-highlight-color: transparent;}.ha-app{max-width: 480px; margin: 0 auto; padding: 24px 20px calc(32px + env(safe-area-inset-bottom)); box-sizing: border-box; min-height: 100vh; display: flex; flex-direction: column; gap: 24px;}.ha-header{text-align: center;}.ha-eyebrow{margin: 0; letter-spacing: 0.18em; font-size: 13px; font-weight: 700; color: #c9a24b;}.ha-title{margin: 4px 0 0; font-size: clamp(24px, 7vw, 32px); font-weight: 800; letter-spacing: 0.04em;}.ha-select-title{font-size: 18px; margin: 0 0 12px; text-align: center;}.ha-select-list{display: flex; flex-direction: column; gap: 12px;}.ha-select-card{display: flex; flex-direction: column; gap: 4px; padding: 16px; border-radius: 14px; background: #17171a; border: 1px solid #2a2a2e; color: inherit; text-decoration: none; min-height: 44px;}.ha-select-name{font-weight: 700; font-size: 17px;}.ha-select-meta{font-size: 13px; color: #a8a8ad;}.ha-product{text-align: center;}.ha-product-name{font-size: 20px; font-weight: 700; margin: 0;}.ha-product-meta{font-size: 13px; color: #a8a8ad; margin: 4px 0 8px;}.ha-change-bottle{font-size: 13px; color: #c9a24b; text-decoration: underline; display: inline-block; padding: 6px 10px; min-height: 44px; line-height: 32px;}.ha-calculator{display: flex; flex-direction: column; gap: 16px; background: #131315; border-radius: 18px; padding: 20px; border: 1px solid #232326;}.ha-field-group{display: flex; flex-direction: column; gap: 8px; align-items: center;}.ha-field-label{font-size: 13px; letter-spacing: 0.06em; color: #a8a8ad; text-transform: uppercase;}.ha-stepper{display: flex; align-items: center; gap: 12px;}.ha-step-btn{width: 44px; height: 44px; border-radius: 50%; border: 1px solid #3a3a3f; background: #1d1d20; color: #f5f5f0; font-size: 22px; line-height: 1; cursor: pointer;}.ha-step-btn:focus-visible, .ha-quick-btn:focus-visible, .ha-dose-input:focus-visible, .ha-install-btn:focus-visible{outline: 2px solid #c9a24b; outline-offset: 2px;}.ha-dose-input{width: 96px; height: 44px; text-align: center; font-size: 22px; font-weight: 700; background: #1d1d20; border: 1px solid #3a3a3f; border-radius: 10px; color: #f5f5f0;}.ha-unit{font-size: 15px; color: #a8a8ad;}.ha-quick-select{display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;}.ha-quick-btn{min-height: 44px; padding: 0 14px; border-radius: 999px; border: 1px solid #3a3a3f; background: #1d1d20; color: #f5f5f0; font-size: 14px; cursor: pointer;}.ha-quick-btn.is-active{background: #c9a24b; border-color: #c9a24b; color: #0b0b0c; font-weight: 700;}.ha-result{text-align: center; padding-top: 8px; border-top: 1px solid #232326;}.ha-result-label{margin: 0; font-size: 13px; letter-spacing: 0.14em; color: #a8a8ad;}.ha-result-value{margin: 4px 0; font-size: clamp(40px, 14vw, 56px); font-weight: 800; color: #c9a24b;}.ha-result-support{margin: 0; font-size: 14px; color: #d8d8dc;}.ha-result-formula{margin: 8px 0 0; font-size: 13px; color: #7d7d83;}.ha-context-reminder{text-align: center; font-size: 12px; color: #7d7d83;}.ha-install{display: flex; flex-direction: column; gap: 12px; align-items: center;}.ha-install-btn{min-height: 48px; padding: 0 24px; border-radius: 999px; border: none; background: #c9a24b; color: #0b0b0c; font-weight: 800; font-size: 14px; letter-spacing: 0.04em; cursor: pointer; width: 100%; max-width: 320px;}.ha-install-ios{text-align: center; background: #131315; border: 1px solid #232326; border-radius: 14px; padding: 16px; width: 100%; max-width: 320px; box-sizing: border-box;}.ha-install-ios-title{font-weight: 800; font-size: 13px; letter-spacing: 0.06em; margin: 0 0 8px;}.ha-install-steps{margin: 0; padding-left: 20px; text-align: left; font-size: 13px; color: #d8d8dc;}.ha-footer{margin-top: auto; text-align: center; font-size: 11px; line-height: 1.5; color: #808080; padding-top: 16px;}@media (prefers-reduced-motion: reduce){*{transition: none !important; animation: none !important;}}