.voice-player{position:static;display:flex;align-items:center;gap:16px;margin:0 0 18px;padding:15px 16px;border:1px solid #cccdcb;border-left:4px solid var(--acid,#ffd60a);border-radius:10px;background:linear-gradient(105deg,#f7f7f7 0%,#f9f9f9 55%,#f7f7f7 100%);box-shadow:0 12px 32px rgba(8,11,12,0.1);color:var(--ink,#23231d);font-family:DM,Arial,sans-serif}.voice-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1 1 auto;min-width:0}.voice-identity{min-width:0}.voice-title-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.voice-title{font:800 22px/1 Barlow,Impact,'Arial Narrow',sans-serif;letter-spacing:-.015em}.voice-ai-badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 7px;border:1px solid rgba(255,214,10,0.4);border-radius:4px;background:rgba(255,214,10,0.063);color:var(--acid,#7a6000);font:700 9px/1 Plex,monospace;letter-spacing:.08em}.voice-speaker{display:block;margin-top:5px;color:var(--muted,#48514e);font:10px/1.3 Plex,monospace;letter-spacing:.045em}.voice-status{flex:none;margin:1px 0 0;color:var(--cyan,#11887d);font:10px/1.4 Plex,monospace;letter-spacing:.04em;text-align:right}.voice-transcript{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.voice-controls{display:flex;align-items:stretch;gap:8px;flex:0 0 auto;flex-wrap:nowrap}.voice-control,.voice-rate{min-height:44px;border:1px solid #d0d1d1;border-radius:6px;background:var(--panel2,#f7f7f7);color:var(--ink,#23231d);font:700 12px DM,Arial,sans-serif}.voice-control{width:auto;white-space:nowrap;padding:9px 14px}.voice-control:hover:not(:disabled),.voice-rate:hover{border-color:var(--cyan,#74eee2)}.voice-control-primary{background:var(--acid,#ffd60a);border-color:var(--acid,#ffd60a);color:#17200f}.voice-control:disabled{opacity:.42;cursor:default}.voice-rate-label{display:flex;align-items:center;gap:8px;min-width:0}.voice-rate-caption{color:var(--muted,#48514e);font:9px Plex,monospace;letter-spacing:.08em}.voice-rate{width:auto;min-width:76px;padding:8px 30px 8px 10px}
@media(max-width:700px){.voice-player{display:block;margin:-8px -2px 14px;padding:10px 11px;box-shadow:0 7px 20px rgba(8,11,12,0.068)}.voice-head{gap:8px;align-items:center}.voice-title{font-size:18px}.voice-ai-badge{min-height:21px;font-size:10px}.voice-speaker{margin-top:3px;font-size:12px}.voice-status{max-width:125px;font-size:12px;line-height:1.25}.voice-controls{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.35fr) minmax(44px,.8fr) minmax(68px,1fr);gap:5px;margin-top:8px}.voice-control{width:100%;min-width:0;min-height:44px;padding:5px 4px;font-size:12px;line-height:1.15}.voice-rate-label{display:block;margin:0;min-width:0}.voice-rate-caption{display:none}.voice-rate{width:100%;min-width:0;height:44px;min-height:44px;padding:5px 20px 5px 6px;font-size:12px}}
@media(max-width:410px){.voice-status{max-width:112px}.voice-controls{gap:4px}}
@media(prefers-reduced-motion:reduce){.voice-player *{scroll-behavior:auto!important;transition:none!important}}
.voice-read,.judge__voice{min-height:44px;min-width:44px;font:600 13px/1.5 DM,Arial,sans-serif;padding:10px 13px;border:1px solid #c2c4c1;border-radius:5px;background:#f5f6f5;color:#516930;cursor:pointer;margin-top:10px}.voice-read:hover,.judge__voice:hover{border-color:var(--cyan,#74eee2)}.voice-read[aria-pressed=true],.judge__voice[aria-pressed=true]{border-color:var(--acid,#ffd60a);color:var(--acid,#7a6000)}.voice-player .voice-transcript{scrollbar-width:thin}.garage-case>.voice-read{margin:0 0 15px}.garage-case-result .voice-read{margin-top:12px}.judge__intro .judge__voice{display:block;margin:12px auto 0;background:rgba(248,249,248,0.902)}.judge__workspace>.judge__voice{margin:0 0 15px}.lesson-case .voice-read{margin-bottom:15px}
.voice-speaking,[aria-current="true"].voice-speaking{outline:2px solid var(--cyan,#74eee2);outline-offset:2px;background-color:rgba(116,238,226,0.102)}