.pronunciation-columns,.pronunciation-row{display:grid;grid-template-columns:minmax(190px,.85fr) repeat(2,minmax(0,1fr));align-items:center;gap:0}
.pronunciation-columns{font-size:12px;color:var(--muted);padding:7px 10px;flex-shrink:0;margin-right:17px;border-bottom:1px solid var(--line)}
.pronunciation-columns>span:not(:first-child){padding-left:16px}

.pronunciation-row{padding:12px 10px;border-bottom:1px solid var(--line);transition:background-color 220ms,color 220ms}
.pronunciation-row.is-target{background:var(--soft)}
.pronunciation-word{font:20px var(--serif);margin:0;padding-right:12px;overflow-wrap:anywhere;transition:color 220ms}
.pronunciation-row.is-playing .pronunciation-word{color:var(--accent)}
.pronunciation-cell{min-width:0;display:flex;align-items:center;gap:5px;border-left:1px solid var(--line);padding-left:16px;padding-right:12px}
.pronunciation-cell:last-child{padding-right:0}
.cell-variety{display:none}
.ipa-play{flex:1;min-width:0;text-align:left;padding:6px 0;border:0;color:var(--ink);border-radius:4px;background:transparent;transition:color 220ms,background-color 220ms}
.ipa-play:hover:not(:disabled),.ipa-play[aria-pressed=true]{color:var(--accent)}
.ipa-play:disabled{opacity:1;cursor:default}
.ipa-text{font:17px 'Segoe UI',Arial,sans-serif;overflow-wrap:anywhere}
.ipa-pending{font:12px var(--sans);color:var(--muted)}
.review-icon{width:30px;height:30px;min-width:30px;padding:6px;border:1px solid var(--line);background:transparent;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:background-color 220ms,color 220ms,border-color 220ms}
.review-icon .lucide{width:16px;height:16px}
.review-icon:hover:not(:disabled),.review-icon[aria-pressed=true]{background:var(--soft);color:var(--accent);border-color:var(--accent)}
.review-notice{font-size:11px;line-height:1.5;color:var(--muted);margin:0 0 6px;flex-shrink:0}

#review-save-status:empty{display:none}

#pronunciation-report{width:min(500px,calc(100% - 24px));max-height:90svh;overflow:auto;padding:24px}
#pronunciation-report h2{font:27px var(--serif);margin:0}
#pronunciation-report-word{color:var(--green);font-weight:600}
#pronunciation-report label{display:block;margin:14px 0 6px;font-size:12px;color:var(--muted)}
#pronunciation-report select,#pronunciation-report textarea{width:100%;font:14px var(--sans);padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--ink)}
#pronunciation-report textarea{resize:vertical;min-height:95px}
.report-hint{font-size:12px;color:var(--muted);line-height:1.6}
.report-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.report-actions .button{font-size:12px;padding:10px 12px;min-height:38px}
.report-actions .lucide{width:16px;height:16px}
@media(max-width:800px){.pronunciation-columns,.pronunciation-row{grid-template-columns:minmax(150px,.8fr) repeat(2,minmax(0,1fr))}.pronunciation-cell{padding-left:10px;padding-right:8px;gap:4px}.pronunciation-columns>span:not(:first-child){padding-left:10px}.pronunciation-word{font-size:18px}.ipa-text{font-size:15px}.review-icon{width:28px;height:28px;min-width:28px;padding:5px}}
@media(max-width:560px){.pronunciation-columns{display:none}.pronunciation-row{grid-template-columns:1fr;padding:10px 3px;gap:6px}.pronunciation-word{font-size:21px;margin-bottom:2px}.pronunciation-cell{border:0;padding:0!important;gap:7px}.cell-variety{display:block;flex:0 0 78px;font-size:10px;color:var(--muted)}.ipa-text{font-size:16px}}