.calculator{max-width:36rem;margin:0 auto}.calculator [hidden]{display:none!important}.calculator__progress{margin-bottom:2rem}.calculator__progress-steps{display:flex;align-items:center;justify-content:center}.calculator__progress-step{display:flex;flex-direction:column;align-items:center;gap:.375rem}.calculator__progress-dot{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:2px solid var(--color-border);border-radius:50%;color:var(--color-text-tertiary);background:var(--color-surface);font-size:.75rem;font-weight:700;transition:all .3s ease}.calculator__progress-step--active .calculator__progress-dot,.calculator__progress-step--completed .calculator__progress-dot{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.calculator__progress-label{color:var(--color-text-tertiary);font-size:.6875rem;font-weight:500}.calculator__progress-step--active .calculator__progress-label{color:var(--color-primary);font-weight:600}.calculator__progress-connector{flex:1;max-width:4rem;height:2px;margin:0 .5rem 1.25rem;background:var(--color-border)}.calculator__progress-connector--active{background:var(--color-primary)}.calculator__step{display:none;flex-direction:column;gap:1.25rem;animation:calculator-fade-in .3s ease}.calculator__step--active{display:flex}@keyframes calculator-fade-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.calculator__step-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.calculator__step-desc{margin-top:-.75rem;color:var(--color-text-secondary);font-size:.875rem}.calculator__form{display:flex;flex-direction:column}.calculator__field,.calculator__fieldset{display:flex;flex-direction:column;gap:.5rem}.calculator__fieldset{border:0}.calculator__label,.calculator__legend{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.calculator__legend{margin-bottom:.25rem}.calculator__optional,.calculator__unit-label{color:var(--color-text-tertiary);font-size:.75rem;font-weight:400}.calculator__error{min-height:.875rem;color:var(--color-error);font-size:.75rem}.calculator__row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.calculator__input,.calculator__select{width:100%;padding:.6875rem .875rem;appearance:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);background:var(--color-bg);font-size:.9375rem;transition:border-color .15s ease,box-shadow .15s ease}.calculator__input::placeholder{color:var(--color-text-tertiary)}.calculator__input:focus,.calculator__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.calculator__input[aria-invalid=true],.calculator__fieldset[aria-invalid=true] .calculator__radio-label,.calculator__fieldset[aria-invalid=true] .calculator__pill-label{border-color:var(--color-error)}.calculator__toggle-group{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md)}.calculator__toggle{position:relative;cursor:pointer}.calculator__toggle:first-child{border-right:1px solid var(--color-border)}.calculator__toggle input{position:absolute;width:1px;height:1px;opacity:0}.calculator__toggle span{display:block;padding:.5rem 1rem;color:var(--color-text-secondary);background:var(--color-surface);font-size:.8125rem;font-weight:500;text-align:center;transition:background-color .15s ease,color .15s ease}.calculator__toggle input:checked+span{color:var(--color-text-inverted);background:var(--color-text-primary)}.calculator__toggle input:focus-visible+span{outline:2px solid var(--color-primary);outline-offset:-3px}.calculator__radio-group{display:flex;flex-direction:column;gap:.5rem}.calculator__radio-group--2col{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.calculator__radio-label{display:flex;align-items:center;gap:.5rem;padding:.6875rem .875rem;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.calculator__radio-label:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.calculator__radio-label:has(:checked){border-color:var(--color-primary);background:var(--color-primary-light)}.dark .calculator__radio-label:has(:checked){background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.calculator__radio{accent-color:var(--color-primary)}.calculator__radio-text{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.calculator__radio-text small,.calculator__goal-content small{color:var(--color-text-tertiary);font-size:.75rem;font-weight:400}.calculator__radio-label--goal{align-items:flex-start;padding:1rem}.calculator__goal-content{display:flex;flex-direction:column;gap:.125rem}.calculator__pills{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.calculator__pill{position:relative;cursor:pointer}.calculator__pill-input{position:absolute;width:1px;height:1px;opacity:0}.calculator__pill-label{display:flex;align-items:center;justify-content:center;padding:.75rem .5rem;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);background:var(--color-surface);font-size:.9375rem;font-weight:600}.calculator__pill-input:checked+.calculator__pill-label{border-color:var(--color-primary);color:#fff;background:var(--color-primary);box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 30%,transparent)}.calculator__pill-input:focus-visible+.calculator__pill-label{outline:2px solid var(--color-primary);outline-offset:2px}.calculator__nav-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.5rem}.calculator__next,.calculator__submit{display:inline-flex;flex:1;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:0;border-radius:var(--radius-lg);color:var(--color-text-inverted);background:var(--color-text-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease}.calculator__next{width:100%}.calculator__next:hover,.calculator__submit:hover{background:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.calculator__back{display:inline-flex;align-items:center;gap:.375rem;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);background:none;font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer}.calculator__back:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.calculator__live-preview{display:flex;align-items:center;gap:.5rem;margin-top:1.25rem;padding:.75rem 1rem;border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);border-radius:var(--radius-lg);background:var(--color-primary-light)}.dark .calculator__live-preview{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.calculator__preview-icon{flex-shrink:0;color:var(--color-primary)}.calculator__preview-text{color:var(--color-text-secondary);font-size:.8125rem}.calculator__preview-text strong{color:var(--color-primary);font-weight:700}.calculator__results--hidden{display:none}.calculator__range{width:100%;accent-color:var(--color-primary)}.calculator__range-limits{display:flex;justify-content:space-between;color:var(--color-text-tertiary);font-size:.75rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media (max-width: 420px){.calculator__row{grid-template-columns:1fr}}.results{margin-top:2rem;padding:2rem 1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-xl);background-color:var(--color-surface)}.results__heading{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);text-align:center;margin-bottom:1.5rem}.results__primary{display:flex;flex-direction:column;align-items:center;padding:1.5rem;margin-bottom:1.5rem;border-radius:var(--radius-lg);background-color:var(--color-primary-light);text-align:center}.dark .results__primary{background-color:color-mix(in srgb,var(--color-primary) 12%,transparent)}.results__target-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.results__target-value{font-size:3rem;font-weight:800;color:var(--color-primary);letter-spacing:-.03em;line-height:1.1}.results__target-sub{font-size:.875rem;color:var(--color-text-secondary);margin-top:.25rem}.results__grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.results__card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg)}.results__card-label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-tertiary)}.results__card-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-top:.25rem;letter-spacing:-.02em}.results__card-sub{font-size:.6875rem;color:var(--color-text-tertiary);margin-top:.125rem}.results__table{margin-bottom:1.5rem;overflow-x:auto}.results__table table{width:100%;min-width:28rem;border-collapse:collapse}.results__table caption{margin-bottom:.75rem;color:var(--color-text-primary);font-size:.875rem;font-weight:700;text-align:left}.results__table th,.results__table td{padding:.75rem;border:1px solid var(--color-border);font-size:.8125rem;text-align:left}.results__table thead{background-color:var(--color-bg-secondary)}.results__table tbody th{color:var(--color-text-primary);font-weight:600}.results__explanation{padding:1rem 1.25rem;border-radius:var(--radius-lg);background-color:var(--color-bg-tertiary);margin-bottom:1.5rem}.results__explanation-title{font-size:.8125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.results__explanation-text{font-size:.8125rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:.75rem}.results__explanation-source{font-size:.75rem;color:var(--color-text-tertiary);font-style:italic}.results__status{width:fit-content;max-width:100%;margin:0 auto 1.5rem;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.8125rem;line-height:1.4;text-align:center}.results__status-prefix{font-weight:600}.results__status[data-tone=neutral]{border-color:#93c5fd;color:#1e40af;background-color:#eff6ff}.results__status[data-tone=positive]{border-color:#86efac;color:#166534;background-color:#f0fdf4}.results__status[data-tone=caution]{border-color:#facc15;color:#854d0e;background-color:#fefce8}.results__status[data-tone=critical]{border-color:#fca5a5;color:#991b1b;background-color:#fef2f2}.dark .results__status[data-tone=neutral]{border-color:#1d4ed8;color:#bfdbfe;background-color:#172554}.dark .results__status[data-tone=positive]{border-color:#15803d;color:#bbf7d0;background-color:#052e16}.dark .results__status[data-tone=caution]{border-color:#a16207;color:#fde68a;background-color:#422006}.dark .results__status[data-tone=critical]{border-color:#b91c1c;color:#fecaca;background-color:#450a0a}.results__actions{padding:1rem 1.25rem;margin-bottom:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-secondary)}.results__actions-title{margin-bottom:.75rem;color:var(--color-text-primary);font-size:.875rem;font-weight:700}.results__actions-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;list-style:none}.results__action-link{display:flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.625rem .875rem;border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);font-size:.8125rem;font-weight:600;line-height:1.3;text-align:center;text-decoration:none;transition:background-color .15s ease,color .15s ease}.results__action-link:hover{color:var(--color-text-inverted);background-color:var(--color-primary)}.results__recalculate{display:block;width:100%;padding:.75rem;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.results__recalculate:hover{border-color:var(--color-border-hover);color:var(--color-text-primary);background-color:var(--color-surface-hover)}