.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.safeListeningTimeCalculator{max-width:1080px}.safeListeningTimeCalculator label{display:block;font-weight:700;margin-bottom:6px;color:#3f464d;font-size:13px;text-align:left}.safeListeningTimeCalculator .card{background:#fdfdfd;border:1px solid #eee;border-radius:10px;padding:18px}@media(max-width:576px){.safeListeningTimeCalculator .card{padding:14px}}.safeListeningTimeCalculator .card__title{font-size:18px;font-weight:700;color:#17445c;text-align:left;border-left:4px solid #4e8ab5;padding-left:8px;margin-bottom:14px}.safeListeningTimeCalculator .fieldHint,.safeListeningTimeCalculator .chartCaption{font-size:12px;color:#7993a5;text-align:left;margin:4px 0 0;line-height:1.6}.safeListeningTimeCalculator .tabLine{display:flex;gap:18px;border-bottom:1px solid #e8edf4;flex-wrap:wrap}.safeListeningTimeCalculator .tabBtn{appearance:none;background:transparent;border:none;border-bottom:3px solid transparent;color:#3f464d;cursor:pointer;font-size:14px;font-weight:700;padding:8px 0 10px}.safeListeningTimeCalculator .tabBtn.active{color:#4e8ab5;border-bottom-color:#4e8ab5}.safeListeningTimeCalculator .formGrid,.safeListeningTimeCalculator .summaryGrid{display:grid;grid-template-columns:1fr;gap:14px}@media(max-width:992px){.safeListeningTimeCalculator .formGrid,.safeListeningTimeCalculator .summaryGrid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.safeListeningTimeCalculator .summaryGrid{grid-template-columns:1.35fr 1fr 1fr}}.safeListeningTimeCalculator .fieldBlock{text-align:left}.safeListeningTimeCalculator .input{width:100%;min-height:38px;border:1px solid #ddd;border-radius:8px;padding:7px 10px;font-size:14px;color:#17445c;background:#fff}.safeListeningTimeCalculator .selectInput{cursor:pointer}.safeListeningTimeCalculator .rangeInput{width:100%;accent-color:#4e8ab5}.safeListeningTimeCalculator .rangeValue{margin-top:4px;color:#4e8ab5;font-weight:700}.safeListeningTimeCalculator .btnRow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.safeListeningTimeCalculator .actionBtn{display:inline-block;border:none;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.safeListeningTimeCalculator .actionBtn.primary{background:#4e8ab5;color:#fff}.safeListeningTimeCalculator .actionBtn.primary:hover{background:#3c79a5}.safeListeningTimeCalculator .actionBtn.ghost{background:#fff;color:#3f464d;border:1px solid #ddd}.safeListeningTimeCalculator .actionBtn.ghost:hover{border-color:#4e8ab5;color:#4e8ab5}.safeListeningTimeCalculator .actionBtn.danger{background:#fff;color:#df2073;border:1px solid #df2073}.safeListeningTimeCalculator .actionBtn.danger:hover{background:#df2073;color:#fff}.safeListeningTimeCalculator .actionBtn.sm{padding:4px 12px;font-size:12px;flex-shrink:0}@media(max-width:576px){.safeListeningTimeCalculator .actionBtn{width:100%}}.safeListeningTimeCalculator .textBtn{background:transparent;border:none;color:#4e8ab5;cursor:pointer;font-size:13px;font-weight:700;padding:0;text-decoration:underline}.safeListeningTimeCalculator .heroCard,.safeListeningTimeCalculator .statCard{border-radius:12px;padding:16px;text-align:left;border:1px solid #e7edf5;background:#f7f9fb}.safeListeningTimeCalculator .heroCard span,.safeListeningTimeCalculator .statCard span{display:block;color:#3f464d;font-size:13px;font-weight:700;margin-bottom:8px}.safeListeningTimeCalculator .heroCard strong,.safeListeningTimeCalculator .statCard strong{display:block;color:#17445c;font-size:24px;line-height:1.2}.safeListeningTimeCalculator .heroCard p,.safeListeningTimeCalculator .statCard p{margin-top:8px;font-size:12px;color:#7993a5;line-height:1.6}.safeListeningTimeCalculator .heroCard{background:linear-gradient(135deg,#4e8ab524,#2fae5f14)}.safeListeningTimeCalculator .heroCard strong{font-size:34px;color:#4e8ab5}.safeListeningTimeCalculator .heroCard.warn strong,.safeListeningTimeCalculator .heroCard.warn p{color:#d88900}.safeListeningTimeCalculator .heroCard.danger strong,.safeListeningTimeCalculator .heroCard.danger p{color:#df2073}.safeListeningTimeCalculator .doseBar{height:10px;border-radius:999px;background:#e8eef5;overflow:hidden;margin-top:12px}.safeListeningTimeCalculator .doseBar i{display:block;height:100%;border-radius:inherit;background:currentColor;color:#2fae5f;transition:width .25s ease}.safeListeningTimeCalculator .heroCard.warn .doseBar i{color:#d88900}.safeListeningTimeCalculator .heroCard.danger .doseBar i{color:#df2073}.safeListeningTimeCalculator .chartWrap{position:relative;height:300px;width:100%}@media(max-width:576px){.safeListeningTimeCalculator .chartWrap{height:260px}}.safeListeningTimeCalculator .emptyState{color:#7993a5;font-size:13px;text-align:center;padding:18px 0}.safeListeningTimeCalculator .recordList{display:flex;flex-direction:column;gap:8px}.safeListeningTimeCalculator .recordRow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed #eee;text-align:left}.safeListeningTimeCalculator .recordRow:last-of-type{border-bottom:none}@media(max-width:576px){.safeListeningTimeCalculator .recordRow{align-items:stretch;flex-direction:column}}.safeListeningTimeCalculator .recordInfo{display:flex;flex-direction:column;gap:3px}.safeListeningTimeCalculator .recordInfo strong{color:#17445c;font-size:14px}.safeListeningTimeCalculator .recordInfo span{color:#3f464d;font-size:12px;line-height:1.5}.safeListeningTimeCalculator .noticeList{padding-left:18px;text-align:left;color:#7993a5;line-height:1.8;font-size:13px}