.product-health{margin-top:24px;min-width:0;overflow:hidden}
.health-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}
.product-health .health-header h2{font:600 20px/1.35 var(--heading,sans-serif);margin:0;color:var(--text,#f0e8f6)}
.health-header p,.health-section-heading p{margin:7px 0 0;color:#ad9fbb;font-size:12px;line-height:1.65}
.health-period{flex-shrink:0;padding:7px 10px;border:1px solid var(--border,#39303f);border-radius:7px;color:#cbb9de;background:#aa88d40a;font-size:11px;line-height:1.5}
.health-metrics,.health-journey,.health-cost-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
.product-health .health-metric{min-width:0;margin:0;padding:17px 16px;border:1px solid var(--border,#39303f);border-radius:10px;background:#ffffff02;display:flex;flex-direction:column;gap:9px}
.health-metric dt{font-size:12px;line-height:1.5;color:#b9a9c7;overflow-wrap:anywhere}
.health-metric dd{order:-1;margin:0;font-size:25px;line-height:1.25;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.5px;color:#f2eafa;overflow-wrap:anywhere}
.health-section{padding-top:25px;margin-top:25px;border-top:1px solid var(--border,#39303f);min-width:0}
.health-section-heading{margin-bottom:17px}
.health-section h3{font-size:15px;line-height:1.45;font-weight:600;color:#eee3f7;margin:0}
.health-journey{grid-template-columns:repeat(5,minmax(0,1fr))}
.health-journey .health-metric{padding:14px 13px}
.health-journey dd{font-size:23px}
.health-cost-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}
.health-cost-summary dd{font-size:23px}
.health-cost-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.health-field{display:flex;flex-direction:column;gap:9px;min-width:0}
.health-field>span{font-size:12px;line-height:1.5;font-weight:500;color:#dfd2ea}
.health-money-field{position:relative;min-width:0}
.health-money-field>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:12px;color:#a99ab8;pointer-events:none}
.health-money-field input{width:100%;min-width:0;min-height:45px;padding:11px 13px 11px 38px;font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums}
.health-form-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:15px}
.health-form-actions .button{font-size:12px;min-height:43px;padding:11px 17px;white-space:normal;text-align:center}
.health-form-status{font-size:12px;line-height:1.5;color:#c6b4d8;overflow-wrap:anywhere}
.product-health .health-help{font-size:11px;line-height:1.8;color:#a99bb9;margin:14px 0 0;max-width:100ch}
.health-song-list{max-height:620px;overflow-y:auto}
.health-song-table{table-layout:fixed}
.health-song-table th:last-child{width:144px}
.health-song-table td:first-child{white-space:normal;overflow-wrap:anywhere}
.health-song-title{display:block;font-size:12px;line-height:1.7;color:#eee3f7}
.health-song-author,.health-song-date{display:block;margin-top:4px;font-size:11px;line-height:1.65;color:#b9a9c7}
.health-song-date{color:#a99bb9}
.health-song-rating{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px;line-height:1.7}
.health-song-stars{color:#e5bc65;font-size:18px;letter-spacing:1px}
.health-legacy-feedback{margin-top:20px;border-top:1px solid var(--border,#39303f);padding-top:7px}
.health-legacy-feedback>summary{cursor:pointer;padding:12px 0;color:#b9a9c7;font-size:12px;line-height:1.6;min-height:44px;box-sizing:border-box}
.health-legacy-feedback>summary:focus-visible{outline:2px solid #c3a0e7;outline-offset:3px;border-radius:4px}
.health-legacy-feedback>.health-help{margin:0 0 13px}
.health-compatibility-warning{padding:16px;border:1px solid #a68a4c;border-radius:9px;background:#e7ba520a;color:#e4cc9b;font-size:12px;line-height:1.8;margin:0}
.health-tables{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:24px}
.health-table-wrap{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--border,#39303f);border-radius:9px}
.health-table{border-collapse:collapse;width:100%;min-width:0;font-size:12px;line-height:1.6;text-align:left}
.health-table th{padding:12px 14px;background:#b896d10c;font-size:10px;font-weight:600;color:#b9a8ca;white-space:nowrap}
.health-table td{padding:13px 14px;border-top:1px solid var(--border,#39303f);color:#d8cce3;vertical-align:top}
.health-table .health-number{text-align:right;font-variant-numeric:tabular-nums}
.health-table td:first-child{white-space:nowrap}
.health-feedback-table{min-width:500px;table-layout:fixed}
.health-feedback-table th:nth-child(1){width:28%}.health-feedback-table th:nth-child(2){width:30%}.health-feedback-table th:nth-child(3){width:26%}.health-feedback-table th:nth-child(4){width:16%}
.health-feedback-table td:first-child{white-space:normal}
.health-feedback-table td,.health-feedback-table code{overflow-wrap:anywhere;word-break:normal}
.health-feedback-table code{font-size:10px;line-height:1.7;color:#b9a8ca}
.health-empty,.health-message{padding:18px;border:1px dashed var(--border,#39303f);border-radius:9px;color:#aa9ab9;font-size:12px;line-height:1.75;margin:0}
@media(max-width:1250px){.health-tables{grid-template-columns:minmax(0,1fr)}.health-journey{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.health-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.health-journey{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.product-health{padding:18px 15px}.health-header{flex-direction:column;gap:12px}.product-health .health-header h2{font-size:19px}.health-metrics,.health-journey{gap:9px}.product-health .health-metric{padding:13px 11px}.health-metric dd{font-size:22px}.health-metric dt{font-size:11px}.health-cost-form,.health-cost-summary{grid-template-columns:minmax(0,1fr);gap:14px}.health-form-actions{align-items:stretch;flex-direction:column}.health-form-actions .button{width:100%;min-height:46px}.health-section{padding-top:22px;margin-top:22px}.health-tables{gap:0}.health-table th,.health-table td{padding:11px 12px}}
@media(max-width:340px){.health-metrics,.health-journey{grid-template-columns:minmax(0,1fr)}}
