.heart-rate-calculator-container{max-width:900px;margin:20px auto;font-family:Montserrat;padding:20px;border-radius:16px}.hr-calc-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:visible;border:1px solid #e2e8f0}.hr-calc-header{text-align:center;padding:27px 0 0 0}.hr-calc-header h1{font-size:2.25rem;margin:0 0 12px 0;font-weight:700;letter-spacing:-.025em}.hr-calc-header p{margin:0;opacity:.95;font-size:1.125rem;font-weight:400}.hr-calc-content{padding:32px}.hr-calc-input-section{background:#f8fafc;border-radius:12px;padding:28px;border:1px solid #e2e8f0}.hr-calc-input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 16px;margin-bottom:20px}.hr-calc-input-group{display:flex;flex-direction:column}.hr-calc-input-group label{font-weight:600;color:#374151;margin-bottom:6px;font-size:.875rem;letter-spacing:.025em}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-icon{color:#6b7280;margin-left:6px;font-size:.875rem;cursor:pointer;transition:color 0.2s ease}.tooltip-icon:hover{color:#168AE5}.tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:125%;left:50%;transform:translateX(-50%);background-color:#111827;color:#fff;padding:10px 12px;border-radius:8px;font-size:.8rem;font-weight:400;text-transform:none;letter-spacing:normal;white-space:nowrap;max-width:250px;white-space:normal;width:250px;text-align:left;line-height:1.4;z-index:99999!important;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:opacity 0.3s ease,visibility 0.3s ease}.tooltip-text::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#111827}.tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}.hr-calc-input-group input,.hr-calc-input-group select{border:2px solid #d1d5db!important;border-radius:8px!important;font-size:1rem!important;transition:all 0.2s ease;background:#fff!important;color:#111827!important;font-weight:500}.hr-calc-input-group input:focus,.hr-calc-input-group select:focus{outline:none;border-color:#168AE5;box-shadow:0 0 0 3px rgba(22,138,229,.1)}.validation-message{margin-top:4px;font-size:.875rem;color:#dc2626;font-weight:500;min-height:16px}.hr-calc-button{width:100%;padding:16px 24px!important;color:#fff;border:none;border-radius:10px;font-size:1.125rem!important;font-weight:600;cursor:pointer;transition:all 0.2s ease;text-transform:uppercase;letter-spacing:.025em}.hr-calc-button:hover{background:#d82e34;border-color:#d82e34;color:#ffffff!important}.hr-calc-button:active{transform:translateY(0)}.hr-calc-results{margin-top:32px}.hr-calc-summary{background:linear-gradient(135deg,#168AE5 0%,#1e40af 100%);color:#fff;padding:24px;border-radius:12px;margin-bottom:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:center}.hr-calc-max-hr,.hr-calc-resting-hr{font-size:1.25rem;font-weight:600}.hr-calc-label{display:block;margin-bottom:4px;opacity:.9;font-size:.875rem;text-transform:uppercase;letter-spacing:.025em}.hr-calc-value{font-size:1.75rem;font-weight:700}.hr-calc-zones{display:grid;gap:16px}.hr-zone-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.06);border-left:4px solid;transition:all 0.2s ease;border-right:1px solid #e2e8f0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.hr-zone-card:hover{transform:translateX(4px);box-shadow:0 4px 20px rgba(0,0,0,.1)}.hr-zone-card.zone-1{border-left-color:#10b981}.hr-zone-card.zone-2{border-left-color:#84cc16}.hr-zone-card.zone-3{border-left-color:#f59e0b}.hr-zone-card.zone-4{border-left-color:#f97316}.hr-zone-card.zone-5{border-left-color:#ef4444}.hr-zone-card.zone-6{border-left-color:#181818}.hr-zone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hr-zone-name{font-weight:700;font-size:1.125rem;color:#111827}.hr-zone-range{font-weight:700;font-size:1.25rem;color:#168AE5}.hr-zone-percentage{font-size:.875rem;color:#6b7280;margin-bottom:12px;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.hr-zone-description{color:#374151;line-height:1.6;font-weight:400;font-size:.9rem}.hr-zone-explanation-container{padding:2rem .5rem .5rem .5rem}.hr-zone-explanation{background:#f8fafc;border-radius:12px;padding:24px;border:1px solid #e2e8f0}.hr-zone-explanation h3{margin:0 0 16px 0;color:#111827;font-size:1.25rem;font-weight:700}.hr-zone-explanation p{margin:0 0 16px 0;color:#374151;line-height:1.6;font-weight:400}.hr-zone-explanation p:last-child{margin-bottom:0}.hr-calc-tips{margin-top:32px;background:#f8fafc;padding:24px;border-radius:12px;border:1px solid #e2e8f0}.hr-calc-tips h3{margin:0 0 16px 0;color:#111827;font-size:1.25rem;font-weight:700}.hr-tip{background:#fff;padding:16px;border-radius:8px;margin-bottom:12px;border-left:4px solid #168AE5;box-shadow:0 1px 3px rgba(0,0,0,.05)}.hr-tip:last-child{margin-bottom:0}.hr-tip strong{color:#111827;display:block;margin-bottom:4px;font-weight:600}.hr-tip{color:#374151;font-weight:500}.hr-calc-dark{background:#1f2937}.hr-calc-dark .hr-calc-wrapper{background:#111827;color:#f9fafb;border-color:#374151}.hr-calc-dark .hr-calc-input-section{background:#1f2937;border-color:#374151}.hr-calc-dark .hr-calc-input-group input,.hr-calc-dark .hr-calc-input-group select{background:#374151;color:#f9fafb;border-color:#4b5563}.hr-calc-dark .hr-calc-input-group input:focus,.hr-calc-dark .hr-calc-input-group select:focus{border-color:#168AE5}.hr-calc-dark .hr-zone-card{background:#1f2937;color:#f9fafb;border-right-color:#374151;border-top-color:#374151;border-bottom-color:#374151}.hr-calc-dark .hr-zone-name{color:#f9fafb}.hr-calc-dark .hr-zone-description{color:#d1d5db}.hr-calc-dark .hr-calc-tips{background:#1f2937;border-color:#374151}.hr-calc-dark .hr-tip{background:#374151}.hr-calc-dark .tooltip-text{background-color:#f9fafb;color:#111827}.hr-calc-dark .tooltip-text::after{border-top-color:#f9fafb}.hr-calc-dark .hr-zone-explanation{background:#1f2937;border-color:#374151}.hr-calc-dark .hr-zone-explanation h3{color:#f9fafb}.hr-calc-dark .hr-zone-explanation p{color:#d1d5db}.hr-gender{margin-bottom:12px}@media (max-width:768px){.heart-rate-calculator-container{margin:10px;padding:12px}.hr-calc-content{padding:16px}.hr-calc-header{padding:16px}.hr-calc-header h2{font-size:1.75rem;margin-bottom:8px}.hr-calc-input-section{padding:16px}.hr-calc-input-grid{grid-template-columns:1fr;gap:6px;margin-bottom:16px}.hr-calc-input-group label{margin-bottom:4px;font-size:.8rem}.validation-message{min-height:12px;margin-top:2px}.hr-calc-button{padding:12px 20px!important;font-size:1rem!important}.hr-calc-summary{grid-template-columns:1fr;text-align:center}.hr-zone-header{flex-direction:column;align-items:flex-start;gap:8px}.hr-zone-range{font-size:1.125rem}}