.calc-form { height: 100%; padding: 32px; border: 1px solid var(--border); border-radius: 16px; background: var(--card); }
.calc-form__field + .calc-form__field { margin-top: 36px; }
.calc-form__label { display: block; margin-bottom: 12px; color: var(--muted-foreground); font-size: 14px; font-weight: 600; }
.calc-form__value { margin-bottom: 20px; font-size: 32px; font-weight: 800; }
.calc-slider { position: relative; display: flex; align-items: center; height: 30px; }
.calc-slider__background, .calc-slider__progress { position: absolute; height: 6px; border-radius: 10px; }
.calc-slider__background { width: 100%; background: #ffffff26; }
.calc-slider__progress { background: var(--primary); }
.calc-slider__input { position: relative; z-index: 1; width: 100%; height: 30px; margin: 0; padding: 0; appearance: none; -webkit-appearance: none; background: transparent; cursor: pointer; }
.calc-slider__input::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; border: 2px solid var(--primary); border-radius: 50%; background: var(--background); }
.calc-slider__input::-moz-range-thumb { width: 18px; height: 18px; border: 2px solid var(--primary); border-radius: 50%; background: var(--background); }
.calc-slider__details { display: flex; justify-content: space-between; gap: 12px; margin-top: 8px; color: var(--muted-foreground); font-size: 13px; }
.calc-results { display: flex; flex-direction: column; gap: 16px; }
.calc-results__final { padding: 28px 32px; border-radius: 16px; background: var(--primary); color: var(--ink); }
.calc-results__final-header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: 14px; font-weight: 600; }
.calc-results__icon, .calc-disclaimer__icon { width: 20px; height: 20px; }
.calc-results__final-amount { font-size: clamp(32px, 4vw, 48px); line-height: 1.2; font-weight: 800; overflow-wrap: anywhere; }
.calc-results__final-subtitle { margin-top: 8px; font-size: 14px; }
.calc-results__profit { padding: 24px 32px; border: 1px solid var(--border); border-radius: 16px; background: var(--card); }
.calc-results__profit-header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.calc-results__profit-icon-wrap { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: var(--background); color: var(--primary); }
.calc-results__profit-meta { display: flex; flex-direction: column; gap: 2px; }
.calc-results__profit-title { font-size: 14px; font-weight: 600; }
.calc-results__profit-subtitle { color: var(--muted-foreground); font-size: 12px; }
.calc-results__profit-amount { font-size: 32px; font-weight: 800; overflow-wrap: anywhere; }
.calc-results__profit-bar { display: flex; align-items: center; gap: 12px; margin-top: 8px; }
.calc-results__profit-bar-track { flex: 1; overflow: hidden; height: 6px; border-radius: 10px; background: #ffffff26; }
.calc-results__profit-bar-fill { height: 100%; border-radius: 10px; background: var(--primary); }
.calc-results__profit-percent { font-size: 12px; color: var(--muted-foreground); }
.calc-disclaimer { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border: 1px solid var(--border) !important; border-radius: 12px; }
.calc-disclaimer__icon { flex-shrink: 0; color: var(--primary); }
.calc-disclaimer__text { margin: 0; color: var(--muted-foreground); font-size: 12px; }
@media (max-width: 767.98px) {
  .calc-form, .calc-results__final, .calc-results__profit { padding: 24px; }
}