.protein-calculator-wrapper{--protein-primary: #dc2626;--protein-primary-dark: #b91c1c;--protein-primary-light: #f87171;--protein-secondary: #fb923c;--protein-gradient: linear-gradient(135deg, #dc2626 0%, #ea580c 50%, #fb923c 100%);--protein-card-bg: #ffffff;--protein-border: #e5e7eb;--protein-text: #1f2937;--protein-text-muted: #6b7280;font-family:system-ui,-apple-system,sans-serif;max-width:900px;margin:0 auto}.protein-header{text-align:center;margin-bottom:2rem}.protein-title{font-size:2.25rem;font-weight:800;background:var(--protein-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem}.protein-description{font-size:1.1rem;color:var(--protein-text-muted);max-width:600px;margin:0 auto}.protein-formula-section{background:linear-gradient(135deg,#fef2f2,#fff7ed);border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid #fecaca}.protein-formula-title{font-size:1.1rem;font-weight:700;color:var(--protein-primary-dark);margin-bottom:1rem;text-align:center}.protein-formula-grid{display:flex;flex-direction:column;gap:1rem}.protein-formula-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #dc26261a;border:1px solid #fecaca}.protein-formula-label{font-size:.9rem;font-weight:700;color:var(--protein-primary);margin-bottom:.75rem;text-align:center}.protein-formula-display{min-height:5rem;display:flex;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden;padding:.5rem;-webkit-overflow-scrolling:touch}.protein-calculator-container{background:var(--protein-card-bg);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #dc26261f;border:1px solid var(--protein-border);margin-bottom:2rem}.protein-unit-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#f3f4f6;padding:.375rem;border-radius:12px}.protein-unit-btn{flex:1;padding:.75rem 1rem;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.125rem}.protein-unit-btn:hover{background:#dc26261a}.protein-unit-btn.active{background:var(--protein-gradient);box-shadow:0 4px 12px #dc26264d}.protein-unit-label{font-weight:700;font-size:.95rem;color:var(--protein-text)}.protein-unit-btn.active .protein-unit-label{color:#fff}.protein-unit-detail{font-size:.75rem;color:var(--protein-text-muted)}.protein-unit-btn.active .protein-unit-detail{color:#ffffffd9}.protein-form{display:flex;flex-direction:column;gap:1.25rem}.protein-form-group{display:flex;flex-direction:column;gap:.5rem}.protein-label{font-weight:600;font-size:.9rem;color:var(--protein-text)}.protein-input-wrapper{display:flex;align-items:center;background:#f9fafb;border:2px solid var(--protein-border);border-radius:12px;padding:0 1rem;transition:all .2s}.protein-input-wrapper:focus-within{border-color:var(--protein-primary);box-shadow:0 0 0 3px #dc26261a;background:#fff}.protein-input{flex:1;padding:.875rem 0;border:none;background:transparent;font-size:1.25rem;font-weight:700;color:var(--protein-text);outline:none}.protein-input::-moz-placeholder{color:#9ca3af;font-weight:400}.protein-input::placeholder{color:#9ca3af;font-weight:400}.protein-input-unit{font-size:1rem;font-weight:600;color:var(--protein-text-muted);margin-left:.5rem}.protein-activity-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.protein-activity-btn{padding:.75rem .5rem;border:2px solid var(--protein-border);background:#fff;border-radius:10px;cursor:pointer;transition:all .2s;text-align:center}.protein-activity-btn:hover{border-color:var(--protein-primary-light)}.protein-activity-btn.active{border-color:var(--protein-primary);background:linear-gradient(135deg,#fef2f2,#fff7ed)}.protein-activity-label{display:block;font-weight:700;font-size:.75rem;color:var(--protein-text)}.protein-activity-btn.active .protein-activity-label{color:var(--protein-primary)}.protein-activity-desc{display:none;font-size:.65rem;color:var(--protein-text-muted)}.protein-goal-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.protein-goal-btn{padding:1rem .5rem;border:2px solid var(--protein-border);background:#fff;border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.protein-goal-btn:hover{border-color:var(--protein-primary-light)}.protein-goal-btn.active{border-color:var(--protein-primary);background:linear-gradient(135deg,#fef2f2,#fff7ed)}.protein-goal-label{display:block;font-weight:700;font-size:.85rem;color:var(--protein-text);margin-bottom:.25rem}.protein-goal-btn.active .protein-goal-label{color:var(--protein-primary)}.protein-goal-desc{font-size:.7rem;color:var(--protein-text-muted)}.protein-actions{display:flex;gap:.75rem;margin-top:.5rem}.protein-calculate-btn{flex:2;padding:1rem 2rem;background:var(--protein-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 #dc26264d}.protein-calculate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.protein-reset-btn{flex:1;padding:1rem;background:#f3f4f6;color:var(--protein-text-muted);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.protein-reset-btn:hover{background:#e5e7eb;color:var(--protein-text)}.protein-results{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--protein-border)}.protein-results-title{font-size:1.25rem;font-weight:700;color:var(--protein-text);margin-bottom:1.25rem;text-align:center}.protein-primary-result{background:var(--protein-gradient);border-radius:16px;padding:2rem;text-align:center;color:#fff;margin-bottom:1.5rem}.protein-primary-label{display:block;font-size:.9rem;font-weight:600;opacity:.9;margin-bottom:.5rem}.protein-primary-value{display:inline;font-size:4rem;font-weight:800}.protein-primary-unit{font-size:1.25rem;font-weight:600;margin-left:.5rem;opacity:.9}.protein-primary-desc{display:block;font-size:.85rem;opacity:.8;margin-top:.5rem}.protein-range-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.protein-range-card{background:#f9fafb;border-radius:12px;padding:1.25rem;text-align:center;border:2px solid var(--protein-border)}.protein-range-card.protein-minimum{border-color:#fcd34d}.protein-range-card.protein-optimal{border-color:#34d399;background:#f0fdf4}.protein-range-card.protein-maximum{border-color:#f87171}.protein-range-label{display:block;font-size:.75rem;font-weight:600;color:var(--protein-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.protein-range-value{display:block;font-size:1.5rem;font-weight:800;color:var(--protein-text);margin-bottom:.25rem}.protein-optimal .protein-range-value{color:#059669}.protein-range-desc{font-size:.7rem;color:var(--protein-text-muted)}.protein-meal-card{background:linear-gradient(135deg,#fef2f2,#fff7ed);border-radius:12px;padding:1.25rem;text-align:center;border:1px solid #fecaca;margin-bottom:1.5rem}.protein-meal-label{display:block;font-size:.85rem;font-weight:600;color:var(--protein-text-muted);margin-bottom:.5rem}.protein-meal-value{display:block;font-size:2rem;font-weight:800;color:var(--protein-primary);margin-bottom:.25rem}.protein-meal-desc{font-size:.8rem;color:var(--protein-text-muted)}.protein-visual{margin-top:1rem}.protein-bar{position:relative;height:24px;background:#e5e7eb;border-radius:12px;overflow:visible}.protein-bar-fill{height:100%;background:var(--protein-gradient);border-radius:12px;transition:width .5s ease}.protein-bar-marker{position:absolute;top:-6px;bottom:-6px;width:4px;background:var(--protein-text);border-radius:2px;transform:translate(-50%);box-shadow:0 2px 4px #0003;transition:left .5s ease}.protein-bar-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--protein-text-muted)}.protein-content{margin-top:3rem}.protein-content-section{margin-bottom:2.5rem}.protein-section-title{font-size:1.5rem;font-weight:700;color:var(--protein-text);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:3px solid var(--protein-primary);display:inline-block}.protein-paragraph{color:var(--protein-text);line-height:1.7;margin-bottom:1rem}.protein-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.protein-feature-card{background:linear-gradient(135deg,#fef2f2,#fff7ed);border-radius:12px;padding:1.25rem;text-align:center;border:1px solid #fecaca}.protein-feature-icon{font-size:2rem;display:block;margin-bottom:.75rem}.protein-feature-title{font-size:1rem;font-weight:700;color:var(--protein-primary-dark);margin-bottom:.5rem}.protein-feature-desc{font-size:.85rem;color:var(--protein-text-muted);line-height:1.5}.protein-tips-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.protein-tip-card{display:flex;gap:1rem;background:#f9fafb;padding:1.25rem;border-radius:12px;border-left:4px solid var(--protein-primary)}.protein-tip-icon{font-size:1.5rem;flex-shrink:0}.protein-tip-title{font-size:1rem;font-weight:700;color:var(--protein-text);margin-bottom:.25rem}.protein-tip-text{font-size:.9rem;color:var(--protein-text-muted);line-height:1.5}.protein-table-wrapper{overflow-x:auto;margin-top:1rem;border-radius:12px;border:1px solid var(--protein-border)}.protein-table{width:100%;border-collapse:collapse;font-size:.9rem}.protein-table th,.protein-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--protein-border)}.protein-table th{background:var(--protein-primary);color:#fff;font-weight:600}.protein-table th:first-child{border-top-left-radius:11px}.protein-table th:last-child{border-top-right-radius:11px}.protein-table tbody tr:hover{background:#f9fafb}.protein-row-sedentary td:first-child{border-left:4px solid #94a3b8}.protein-row-fitness td:first-child{border-left:4px solid #60a5fa}.protein-row-muscle td:first-child{border-left:4px solid #f87171}.protein-row-loss td:first-child{border-left:4px solid #34d399}.protein-row-endurance td:first-child{border-left:4px solid #fbbf24}.protein-faq-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.protein-faq-item{background:#f9fafb;border-radius:12px;border:1px solid var(--protein-border);overflow:hidden}.protein-faq-question{padding:1rem 1.25rem;font-weight:600;color:var(--protein-text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}.protein-faq-question::-webkit-details-marker{display:none}.protein-faq-question:after{content:"+";font-size:1.25rem;font-weight:300;color:var(--protein-primary);transition:transform .2s}.protein-faq-item[open] .protein-faq-question:after{transform:rotate(45deg)}.protein-faq-item[open] .protein-faq-question{background:linear-gradient(135deg,#fef2f2,#fff7ed);border-bottom:1px solid var(--protein-border)}.protein-faq-answer{padding:1rem 1.25rem;color:var(--protein-text-muted);line-height:1.6}@media (max-width: 640px){.protein-calculator-container{padding:1.25rem}.protein-title{font-size:1.75rem}.protein-activity-buttons{grid-template-columns:repeat(3,1fr)}.protein-goal-buttons{grid-template-columns:repeat(2,1fr)}.protein-range-grid{grid-template-columns:1fr}.protein-actions{flex-direction:column}.protein-calculate-btn,.protein-reset-btn{flex:none}.protein-features-grid{grid-template-columns:1fr}.protein-formula-display{min-height:4rem;font-size:.85rem}.protein-primary-value{font-size:3rem}}