.hr-calculator-wrapper{--hr-primary: #e11d48;--hr-primary-dark: #be123c;--hr-primary-light: #fb7185;--hr-gradient: linear-gradient(135deg, #e11d48 0%, #f43f5e 50%, #fb7185 100%);--hr-card-bg: #ffffff;--hr-border: #e5e7eb;--hr-text: #1f2937;--hr-text-muted: #6b7280;font-family:system-ui,-apple-system,sans-serif;max-width:900px;margin:0 auto}.hr-header{text-align:center;margin-bottom:2rem}.hr-title{font-size:2.25rem;font-weight:800;background:var(--hr-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem}.hr-description{font-size:1.1rem;color:var(--hr-text-muted);max-width:600px;margin:0 auto}.hr-formula-section{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid #fecdd3}.hr-formula-title{font-size:1.1rem;font-weight:700;color:var(--hr-primary-dark);margin-bottom:1rem;text-align:center}.hr-formula-grid{display:flex;flex-direction:column;gap:1rem}.hr-formula-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #e11d481a;border:1px solid #fecdd3}.hr-formula-label{font-size:.9rem;font-weight:700;color:var(--hr-primary);margin-bottom:.75rem;text-align:center}.hr-formula-display{min-height:5rem;display:flex;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden;padding:.5rem}.hr-calculator-container{background:var(--hr-card-bg);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #e11d481f;border:1px solid var(--hr-border);margin-bottom:2rem}.hr-form{display:flex;flex-direction:column;gap:1.25rem}.hr-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hr-form-group{display:flex;flex-direction:column;gap:.5rem}.hr-label{font-weight:600;font-size:.9rem;color:var(--hr-text)}.hr-input-wrapper{display:flex;align-items:center;background:#f9fafb;border:2px solid var(--hr-border);border-radius:12px;padding:0 1rem;transition:all .2s}.hr-input-wrapper:focus-within{border-color:var(--hr-primary);box-shadow:0 0 0 3px #e11d481a;background:#fff}.hr-input{flex:1;padding:.875rem 0;border:none;background:transparent;font-size:1.25rem;font-weight:700;color:var(--hr-text);outline:none}.hr-input::-moz-placeholder{color:#9ca3af;font-weight:400}.hr-input::placeholder{color:#9ca3af;font-weight:400}.hr-input-unit{font-size:.9rem;font-weight:600;color:var(--hr-text-muted);margin-left:.5rem}.hr-input-hint{font-size:.8rem;color:var(--hr-text-muted);font-style:italic}.hr-formula-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.hr-formula-btn{padding:1rem;border:2px solid var(--hr-border);background:#fff;border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.hr-formula-btn:hover{border-color:var(--hr-primary-light)}.hr-formula-btn.active{border-color:var(--hr-primary);background:linear-gradient(135deg,#fff1f2,#ffe4e6)}.hr-formula-btn-label{display:block;font-weight:700;font-size:.95rem;color:var(--hr-text);margin-bottom:.25rem}.hr-formula-btn.active .hr-formula-btn-label{color:var(--hr-primary)}.hr-formula-btn-desc{font-size:.75rem;color:var(--hr-text-muted)}.hr-actions{display:flex;gap:.75rem;margin-top:.5rem}.hr-calculate-btn{flex:2;padding:1rem 2rem;background:var(--hr-gradient);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #e11d484d}.hr-calculate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e11d4866}.hr-reset-btn{flex:1;padding:1rem;background:#f3f4f6;color:var(--hr-text-muted);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.hr-reset-btn:hover{background:#e5e7eb;color:var(--hr-text)}.hr-results{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--hr-border)}.hr-results-title{font-size:1.25rem;font-weight:700;color:var(--hr-text);margin-bottom:1.25rem;text-align:center}.hr-primary-result{background:var(--hr-gradient);border-radius:16px;padding:2rem;text-align:center;color:#fff;margin-bottom:1.5rem}.hr-heart-icon{font-size:2.5rem;margin-bottom:.5rem;animation:heartbeat 1s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hr-primary-label{display:block;font-size:.9rem;font-weight:600;opacity:.9;margin-bottom:.5rem}.hr-primary-value{display:inline;font-size:4rem;font-weight:800}.hr-primary-unit{font-size:1.25rem;font-weight:600;margin-left:.5rem;opacity:.9}.hr-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.hr-stat-card{background:#f9fafb;border-radius:12px;padding:1rem;text-align:center;border:1px solid var(--hr-border)}.hr-stat-label{display:block;font-size:.8rem;font-weight:600;color:var(--hr-text-muted);margin-bottom:.25rem}.hr-stat-value{font-size:1.25rem;font-weight:800;color:var(--hr-primary)}.hr-zones{display:flex;flex-direction:column;gap:.75rem}.hr-zone{border-radius:12px;padding:1rem 1.25rem;border-left:4px solid}.hr-zone-1{background:#f0fdf4;border-color:#22c55e}.hr-zone-2{background:#fefce8;border-color:#eab308}.hr-zone-3{background:#fff7ed;border-color:#f97316}.hr-zone-4{background:#fef2f2;border-color:#ef4444}.hr-zone-5{background:#fdf2f8;border-color:#ec4899}.hr-zone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.hr-zone-name{font-weight:700;font-size:.95rem;color:var(--hr-text)}.hr-zone-percent{font-size:.8rem;font-weight:600;color:var(--hr-text-muted)}.hr-zone-range{font-size:1.5rem;font-weight:800;color:var(--hr-primary);margin-bottom:.25rem}.hr-zone-desc{font-size:.8rem;color:var(--hr-text-muted)}.hr-content{margin-top:3rem}.hr-content-section{margin-bottom:2.5rem}.hr-section-title{font-size:1.5rem;font-weight:700;color:var(--hr-text);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:3px solid var(--hr-primary);display:inline-block}.hr-paragraph{color:var(--hr-text);line-height:1.7;margin-bottom:1rem}.hr-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.hr-feature-card{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border-radius:12px;padding:1.25rem;text-align:center;border:1px solid #fecdd3}.hr-feature-icon{font-size:2rem;display:block;margin-bottom:.75rem}.hr-feature-title{font-size:1rem;font-weight:700;color:var(--hr-primary-dark);margin-bottom:.5rem}.hr-feature-desc{font-size:.85rem;color:var(--hr-text-muted);line-height:1.5}.hr-tips-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.hr-tip-card{display:flex;gap:1rem;background:#f9fafb;padding:1.25rem;border-radius:12px;border-left:4px solid var(--hr-primary)}.hr-tip-icon{font-size:1.5rem;flex-shrink:0}.hr-tip-title{font-size:1rem;font-weight:700;color:var(--hr-text);margin-bottom:.25rem}.hr-tip-text{font-size:.9rem;color:var(--hr-text-muted);line-height:1.5}.hr-table-wrapper{overflow-x:auto;margin-top:1rem;border-radius:12px;border:1px solid var(--hr-border)}.hr-table{width:100%;border-collapse:collapse;font-size:.9rem}.hr-table th,.hr-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--hr-border)}.hr-table th{background:var(--hr-primary);color:#fff;font-weight:600}.hr-table th:first-child{border-top-left-radius:11px}.hr-table th:last-child{border-top-right-radius:11px}.hr-table tbody tr:hover{background:#f9fafb}.hr-row-excellent td:first-child{border-left:4px solid #22c55e}.hr-row-good td:first-child{border-left:4px solid #3b82f6}.hr-row-average td:first-child{border-left:4px solid #eab308}.hr-row-below td:first-child{border-left:4px solid #f97316}.hr-row-elevated td:first-child{border-left:4px solid #ef4444}.hr-faq-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.hr-faq-item{background:#f9fafb;border-radius:12px;border:1px solid var(--hr-border);overflow:hidden}.hr-faq-question{padding:1rem 1.25rem;font-weight:600;color:var(--hr-text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}.hr-faq-question::-webkit-details-marker{display:none}.hr-faq-question:after{content:"+";font-size:1.25rem;font-weight:300;color:var(--hr-primary);transition:transform .2s}.hr-faq-item[open] .hr-faq-question:after{transform:rotate(45deg)}.hr-faq-item[open] .hr-faq-question{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border-bottom:1px solid var(--hr-border)}.hr-faq-answer{padding:1rem 1.25rem;color:var(--hr-text-muted);line-height:1.6}@media (max-width: 640px){.hr-calculator-container{padding:1.25rem}.hr-title{font-size:1.75rem}.hr-form-row,.hr-formula-buttons,.hr-stats-grid{grid-template-columns:1fr}.hr-actions{flex-direction:column}.hr-features-grid{grid-template-columns:1fr}.hr-formula-display{min-height:4rem}.hr-primary-value{font-size:3rem}}