.expenseRate__categoryGroup{margin-bottom:16px}.expenseRate__categoryGroup:last-of-type{margin-bottom:0}.expenseRate__categoryLabel{display:block;font-size:0.75rem;font-weight:600;color:#6b7280;margin-bottom:8px;letter-spacing:0.06em}.expenseRate__pills{display:flex;flex-wrap:wrap;gap:8px}.expenseRate__pill{padding:8px 16px;font-size:0.8125rem;font-weight:600;border:1.5px solid #d1d5db;border-radius:24px;background-color:#fff;color:#6b7280;cursor:pointer;transition:all 0.2s ease;font-family:inherit;letter-spacing:0.02em;min-height:36px}.expenseRate__pill:hover{border-color:#059669;color:#059669;background-color:#ecfdf5}.expenseRate__pill_state_active{border-color:#059669;color:#fff;background-color:#059669}.expenseRate__pill_state_active:hover{background-color:#047857;border-color:#047857;color:#fff}.expenseRate__customRange{margin-top:16px;padding:16px 20px;background-color:#f9fafb;border-radius:10px;border:1px solid #e5e7eb}.expenseRate__customRangeLabel{display:block;font-size:0.8125rem;font-weight:600;color:#374151;margin-bottom:8px}.expenseRate__customRangeInputs{display:flex;align-items:center;gap:8px}.expenseRate__customInput{width:80px !important;padding:10px 12px !important;text-align:center}.expenseRate__customRangeSep{color:#6b7280;font-size:0.875rem}.expenseRate__sliderGroup{display:flex;align-items:center;gap:16px}.expenseRate__slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:#e5e7eb;border-radius:3px;outline:none;transition:background 0.2s}.expenseRate__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:#059669;border-radius:50%;cursor:pointer;border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,0.15);transition:transform 0.15s ease,box-shadow 0.15s ease}.expenseRate__slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px rgba(5,150,105,0.3)}.expenseRate__slider::-moz-range-thumb{width:22px;height:22px;background:#059669;border-radius:50%;cursor:pointer;border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,0.15)}.expenseRate__sliderGroup .toolInput__unit{flex-shrink:0}.expenseRate__sliderGroup .toolInput__field{width:150px}.expenseRate__result{margin-top:8px}.expenseRate__highlight{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #a7f3d0;border-radius:16px;padding:clamp(24px,4vw,36px);text-align:center;margin-bottom:20px;animation:resultSlideIn 0.35s ease-out}.expenseRate__highlightLabel{font-size:0.875rem;font-weight:600;color:#065f46;letter-spacing:0.1em;margin-bottom:8px}.expenseRate__highlightValue{font-size:clamp(2rem,1.5rem+2.5vw,3rem);font-weight:700;color:#059669;font-variant-numeric:tabular-nums;line-height:1.2;margin-bottom:12px}.expenseRate__badge{display:inline-block;padding:6px 20px;border-radius:20px;font-size:0.875rem;font-weight:700;letter-spacing:0.06em}.expenseRate__badge[data-level="normal"]{background-color:#d1fae5;color:#065f46}.expenseRate__badge[data-level="low"]{background-color:#dbeafe;color:#1e40af}.expenseRate__badge[data-level="slightlyHigh"]{background-color:#fef3c7;color:#92400e}.expenseRate__badge[data-level="high"]{background-color:#ffedd5;color:#9a3412}.expenseRate__badge[data-level="danger"]{background-color:#fee2e2;color:#991b1b}.expenseRate__gauge{margin-bottom:24px;padding:0 4px}.expenseRate__gaugeTrack{position:relative;height:14px;background:linear-gradient(to right,#3b82f6 0%,#10b981 15%,#10b981 35%,#f59e0b 55%,#f97316 70%,#ef4444 100% );border-radius:7px;overflow:visible}.expenseRate__gaugeRange{position:absolute;top:-4px;height:22px;border:2px solid rgba(5,150,105,0.5);border-radius:11px;background:rgba(5,150,105,0.08);pointer-events:none;transition:left 0.3s ease,width 0.3s ease}.expenseRate__gaugeMarker{position:absolute;top:-8px;width:4px;height:30px;background:#111827;border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,0.3);transition:left 0.3s ease;z-index:2}.expenseRate__gaugeLabels{display:flex;justify-content:space-between;margin-top:6px;font-size:0.6875rem;color:#9ca3af}.expenseRate__comparison{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px 20px;margin-bottom:20px}.expenseRate__comparisonRow{display:flex;justify-content:space-between;padding:8px 0;font-size:0.9375rem;gap:12px}.expenseRate__comparisonRow+.expenseRate__comparisonRow{border-top:1px solid #e5e7eb}.expenseRate__comparisonLabel{color:#4b5563;font-size:0.875rem}.expenseRate__comparisonValue{font-weight:600;color:#111827;font-variant-numeric:tabular-nums;text-align:right}.expenseRate__advice{margin-bottom:24px;padding:16px 20px;border-radius:10px;border:1px solid}.expenseRate__advice[data-level="normal"]{background-color:#ecfdf5;border-color:#a7f3d0}.expenseRate__advice[data-level="low"]{background-color:#eff6ff;border-color:#93c5fd}.expenseRate__advice[data-level="slightlyHigh"]{background-color:#fffbeb;border-color:#fde68a}.expenseRate__advice[data-level="high"]{background-color:#fff7ed;border-color:#fed7aa}.expenseRate__advice[data-level="danger"]{background-color:#fef2f2;border-color:#fecaca}.expenseRate__adviceText{font-size:0.875rem;line-height:1.7;margin:0}.expenseRate__advice[data-level="normal"] .expenseRate__adviceText{color:#065f46}.expenseRate__advice[data-level="low"] .expenseRate__adviceText{color:#1e40af}.expenseRate__advice[data-level="slightlyHigh"] .expenseRate__adviceText{color:#92400e}.expenseRate__advice[data-level="high"] .expenseRate__adviceText{color:#9a3412}.expenseRate__advice[data-level="danger"] .expenseRate__adviceText{color:#991b1b}.expenseRate__breakdownSection{margin-bottom:24px}.expenseRate__breakdownTitle{font-size:0.9375rem;font-weight:700;color:#374151;margin-bottom:12px;padding-left:12px;border-left:3px solid #059669;letter-spacing:0.03em}.expenseRate__tableWrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.expenseRate__table{width:100%;border-collapse:collapse;font-size:0.875rem}.expenseRate__table th,.expenseRate__table td{padding:10px 14px;border-bottom:1px solid #f3f4f6;text-align:left}.expenseRate__table th{font-weight:600;color:#374151;background-color:#f9fafb;white-space:nowrap;font-size:0.8125rem}.expenseRate__table td{color:#4b5563}.expenseRate__table td:nth-child(2),.expenseRate__table td:nth-child(3){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.expenseRate__table tbody tr:hover{background-color:#f9fafb}.expenseRate__tableNote{font-size:0.8125rem;color:#9ca3af;margin-top:8px}.expenseRate__tips{margin-bottom:24px;padding:20px 24px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px}.expenseRate__tipsTitle{font-size:0.9375rem;font-weight:700;color:#374151;margin-bottom:12px;letter-spacing:0.03em}.expenseRate__tipsList{list-style:none;padding:0;margin:0}.expenseRate__tipsList li{position:relative;padding:6px 0 6px 24px;font-size:0.875rem;color:#4b5563;line-height:1.7}.expenseRate__tipsList li::before{content:'';position:absolute;left:0;top:12px;width:14px;height:14px;border:2px solid #d1d5db;border-radius:3px;background-color:#fff}.guideTable{width:100%;border-collapse:collapse;font-size:0.875rem}.guideTable th,.guideTable td{padding:10px 14px;border-bottom:1px solid #f3f4f6;text-align:left}.guideTable th{font-weight:600;color:#374151;background-color:#f9fafb;white-space:nowrap;font-size:0.8125rem}.guideTable td{color:#4b5563}.guideTable tbody tr:hover{background-color:#f9fafb}.expenseRate__affiliateCta{margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #bbf7d0;border-radius:12px}.expenseRate__affiliateCtaLabel{display:inline-block;background:#6b7280;color:#fff;font-size:0.7rem;padding:2px 8px;border-radius:4px;margin-bottom:0.5rem}.expenseRate__affiliateCtaTitle{font-size:1.1rem;font-weight:700;color:#1f2937;margin-bottom:0.5rem}.expenseRate__affiliateCtaText{font-size:0.9rem;color:#4b5563;margin-bottom:1rem;line-height:1.6}.expenseRate__affiliateCtaButtons{display:flex;gap:0.75rem;flex-wrap:wrap}.expenseRate__affiliateCtaBtn{display:inline-flex;align-items:center;padding:0.75rem 1.5rem;background:#059669;color:#fff;text-decoration:none;border-radius:8px;font-size:0.9rem;font-weight:600;transition:background 0.2s}.expenseRate__affiliateCtaBtn:hover{background:#047857}.expenseRate__affiliateCtaBtn_type_secondary{background:#fff;color:#059669;border:1px solid #059669}.expenseRate__affiliateCtaBtn_type_secondary:hover{background:#f0fdf4}@media (max-width:640px){.expenseRate__pills{gap:6px}.expenseRate__pill{font-size:0.75rem;padding:6px 12px}.expenseRate__sliderGroup{flex-direction:column;align-items:stretch;gap:8px}.expenseRate__sliderGroup .toolInput__field{width:100%}.expenseRate__customRangeInputs{flex-wrap:wrap}.expenseRate__table{font-size:0.8125rem;min-width:360px}.expenseRate__table th,.expenseRate__table td{padding:8px 10px}.guideTable{font-size:0.8125rem}.guideTable th,.guideTable td{padding:8px 10px}.expenseRate__affiliateCtaButtons{flex-direction:column}.expenseRate__affiliateCtaBtn{text-align:center;justify-content:center}}