@font-face{font-family:DM Sans;src:url('../fonts/dm-sans-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
.audio-review-page{background:#f3f5f1;color:#1c2821;font-family:'DM Sans',Arial,sans-serif}
.review-shell{width:min(1280px,calc(100% - 40px));margin:auto;padding:0 0 48px}
.review-topbar{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2da}
.review-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.review-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#dcebe0;color:#24573a;font-size:22px}.review-brand>span:last-child{display:grid;gap:2px}.review-brand b{font-size:14px}.review-brand small{color:#69756d;font-size:11px}.back-to-app{color:#31583f;text-decoration:none;font-size:13px;font-weight:700}
.review-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:30px 0 23px}.review-intro h1{margin:5px 0 8px;font-size:clamp(26px,4vw,38px);line-height:1.1;letter-spacing:-.045em}.review-intro p:not(.eyebrow){max-width:700px;margin:0;color:#56635a;font-size:14px;line-height:1.55}.eyebrow{margin:0;color:#53725c;font-size:10px;font-weight:800;letter-spacing:.12em}
.review-progress{min-width:154px;padding:11px 14px;border-left:2px solid #92aa94;display:grid;gap:2px}.review-progress b{font-size:27px;font-variant-numeric:tabular-nums}.review-progress span{font-size:12px;font-weight:700}.review-progress small{color:#69756d;font-size:11px}
.review-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 140px 150px auto auto;gap:8px;padding:11px;background:#e9ede7;border:1px solid #dce2da;border-radius:12px}.review-toolbar label{min-width:0}.review-toolbar input,.review-toolbar select{width:100%;height:40px;border:1px solid #d3dbd2;border-radius:7px;background:#fff;padding:0 11px;color:#243128;font:inherit;font-size:12px}.sample-button{min-height:40px;border:1px solid #315b3d;border-radius:7px;background:#315b3d;color:#fff;padding:0 13px;font:inherit;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.sample-button.secondary{background:#f9faf8;color:#315b3d}
.review-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;margin-top:14px;align-items:start}.word-queue,.review-detail,.review-data-tools{background:#fff;border:1px solid #dce2da;border-radius:12px}.word-queue{overflow:hidden}.queue-heading{height:43px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e9e3;font-size:12px}.queue-heading span{color:#758078;font-size:11px}.queue-list{max-height:665px;overflow:auto}.queue-item{width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 12px;border:0;border-bottom:1px solid #eef0ec;background:#fff;text-align:left;color:inherit;cursor:pointer}.queue-item:hover{background:#f7f9f6}.queue-item[aria-current=true]{background:#f0f5ef;box-shadow:inset 3px 0 #3e7048}.queue-item-hanzi{font-size:22px;font-weight:650}.queue-item-copy{min-width:0;display:grid;gap:2px}.queue-item-copy b{font-size:12px}.queue-item-copy small{overflow:hidden;color:#68746b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.queue-status{width:8px;height:8px;border-radius:50%;background:#c4cbc4}.queue-status.needs-fix{background:#bc5d3c}.queue-status.approved{background:#51845a}.queue-more{width:calc(100% - 22px);min-height:38px;margin:9px 11px;border:1px solid #dce2da;border-radius:7px;background:#fff;color:#345c3e;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.review-detail{min-height:530px;padding:20px}.empty-review{min-height:480px;display:grid;place-content:center;text-align:center}.empty-review>span{color:#67876c;font-size:42px}.empty-review h2{margin:7px 0;font-size:20px}.empty-review p{max-width:340px;margin:auto;color:#68746b;font-size:12px;line-height:1.6}.word-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid #e5e9e3}.word-heading h2{margin:4px 0 0;font-size:64px;line-height:1.05;font-weight:600}.word-heading .word-pinyin{margin:5px 0 2px;color:#3d6346;font-size:17px;font-weight:700}.word-heading .word-meaning{margin:0;color:#58655b;font-size:13px}.word-heading code{padding:5px 7px;border:1px solid #e2e7e0;border-radius:5px;background:#f7f9f6;color:#657167;font-size:10px}
.empty-review[hidden],.replacement-preview[hidden]{display:none}
.voice-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 0}.voice-card{min-width:0;padding:13px;border:1px solid #e0e6de;border-radius:9px;background:#fbfcfa}.voice-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.voice-card h3{margin:0;font-size:13px}.voice-card-head small{color:#737e75;font-size:10px}.voice-card audio{width:100%;height:38px;margin:9px 0 10px}.voice-review-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.voice-review-actions button{min-height:38px;border:1px solid #d7dfd5;border-radius:7px;background:white;color:#31553b;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.voice-review-actions button[data-review=approved].active{border-color:#719678;background:#edf5ed}.voice-review-actions button[data-review=needs-fix].active{border-color:#c88268;background:#fff3ed}.voice-card textarea{width:100%;min-height:54px;margin-top:8px;resize:vertical;border:1px solid #e0e5de;border-radius:6px;padding:8px;font:inherit;font-size:11px}.voice-review-state{min-height:15px;margin:5px 0 0;color:#717b73;font-size:10px}
.replacement-panel{margin-top:5px;padding:15px;border:1px solid #dce2da;border-radius:9px;background:#f7f9f6}.replacement-panel h3{margin:3px 0 5px;font-size:15px}.replacement-panel>div:first-child p:last-child{max-width:720px;margin:0;color:#68746b;font-size:11px;line-height:1.5}.file-picker{display:inline-flex;align-items:center;min-height:39px;margin:12px 0 4px;padding:0 12px;border:1px solid #315b3d;border-radius:7px;color:#315b3d;font-size:11px;font-weight:700;cursor:pointer}.file-picker input,.import-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.replacement-preview{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.replacement-preview[hidden]{display:none}.replacement-preview audio{width:min(360px,100%);height:38px}.download-replacement{padding:10px 12px;border-radius:7px;background:#315b3d;color:white;text-decoration:none;font-size:11px;font-weight:700}.reviewer-field{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:8px;margin:11px 0;font-size:11px;font-weight:700}.reviewer-field input{height:36px;border:1px solid #dce2da;border-radius:6px;padding:0 9px;font:inherit;font-weight:400}.command-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 5px;font-size:11px}.command-head button{min-height:30px;padding:0 9px;border:1px solid #d4ddd2;border-radius:6px;background:#fff;color:#315b3d;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.replacement-panel pre{overflow:auto;margin:0;padding:10px;border-radius:6px;background:#1d2821;color:#e9f0e9;font:10px/1.5 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.review-data-tools{display:grid;grid-template-columns:minmax(230px,1fr) auto;gap:14px;padding:16px;margin-top:14px}.review-data-tools h2{margin:4px 0;font-size:16px}.review-data-tools>div:first-child p:last-child{margin:0;color:#68746b;font-size:11px}.data-actions{display:flex;align-items:center;gap:8px}.data-actions button,.import-button,.pilot-summary button{min-height:38px;padding:0 12px;border:1px solid #d6ded4;border-radius:7px;background:white;color:#315b3d;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.import-button{display:inline-flex;align-items:center}.pilot-summary{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding-top:12px;border-top:1px solid #e5e9e3}.pilot-summary>div{display:grid;gap:2px;min-width:120px}.pilot-summary>div b{font-size:20px}.pilot-summary>div span,.pilot-summary p{color:#647066;font-size:11px}.pilot-summary p{flex:1;margin:0}.pilot-summary button:disabled{opacity:.5;cursor:not-allowed}.review-footnote{margin:12px 2px 0;color:#68746b;font-size:10px;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.review-toolbar{grid-template-columns:minmax(180px,1fr) 120px 130px}.review-toolbar .sample-button{grid-row:2}.review-workspace{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:680px){.review-shell{width:calc(100% - 26px);padding-bottom:28px}.review-topbar{height:58px}.review-intro{align-items:flex-start;padding:22px 0 16px}.review-intro p:not(.eyebrow){font-size:12px}.review-progress{min-width:92px;padding:7px 0 7px 9px}.review-progress b{font-size:22px}.review-progress span{font-size:10px}.review-progress small{font-size:9px}.review-toolbar{grid-template-columns:1fr 1fr;gap:7px;padding:8px}.review-toolbar .review-search{grid-column:1/-1}.review-toolbar label:first-child input{height:42px}.review-toolbar label:not(:first-child){grid-row:2}.review-toolbar .sample-button{grid-row:3}.review-toolbar .sample-button{padding:0 7px;font-size:10px}.review-workspace{grid-template-columns:1fr;gap:9px}.word-queue{order:2}.queue-list{display:flex;max-height:132px;overflow:auto}.queue-item{min-width:136px;grid-template-columns:35px minmax(0,1fr) 8px;padding:8px;border-right:1px solid #eef0ec;border-bottom:0}.queue-item-hanzi{font-size:18px}.queue-item-copy b{font-size:10px}.queue-item-copy small{max-width:76px;font-size:9px}.queue-heading{height:37px}.review-detail{min-height:0;padding:14px}.empty-review{min-height:230px}.word-heading h2{font-size:54px}.voice-comparison{grid-template-columns:1fr;gap:8px;padding:10px 0}.voice-card{padding:10px}.voice-card audio{margin:7px 0;height:34px}.voice-review-actions button{min-height:42px}.voice-card textarea{min-height:48px}.replacement-panel{padding:11px}.review-data-tools{grid-template-columns:1fr;padding:13px}.data-actions{display:grid;grid-template-columns:1fr 1fr}.pilot-summary{flex-wrap:wrap;gap:8px}.pilot-summary p{flex-basis:100%;order:3}.reviewer-field{grid-template-columns:76px 1fr}.back-to-app{font-size:11px}}
@media(max-width:360px){.review-shell{width:calc(100% - 20px)}.review-intro{gap:8px}.review-intro h1{font-size:25px}.review-progress{min-width:78px}.queue-item{min-width:124px}}