.oral-session{max-width:960px;margin:auto}.oral-session h1{overflow-wrap:anywhere}.oral-session audio{display:block;width:100%;margin:16px 0}.oral-session audio[hidden],.oral-session [hidden]{display:none!important}.oral-record-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.oral-record-actions output{font:600 18px Arial,sans-serif;font-variant-numeric:tabular-nums}.oral-record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.oral-record-card h3{margin:12px 0}.oral-record-card p{font-size:15px;line-height:1.65}.oral-check{display:flex;align-items:center;gap:10px;margin:16px 0;font-size:16px}.oral-check input{width:22px;height:22px;flex:none;accent-color:var(--green)}.oral-permission p{max-width:760px}.oral-reading-passage,.oral-marking-passage{max-width:100%;padding:28px;box-sizing:border-box;overflow-wrap:anywhere}.oral-reading-passage{font-size:22px;line-height:2}.oral-marking-passage{font-size:20px;line-height:2.6}.oral-marking-passage p{line-height:2.6}.oral-word{border-radius:4px}.oral-marking-passage button.oral-word{display:inline;min-height:36px;padding:4px 3px;margin:1px 0;border:1px solid transparent;background:transparent;color:var(--ink);font:inherit;line-height:1.8;white-space:normal;box-shadow:none;touch-action:manipulation}.oral-marking-passage button.oral-word:focus-visible{outline:3px solid var(--green);outline-offset:2px}.oral-marking-passage .oral-word.oral-changed,.oral-legend .oral-changed,.oral-word.oral-changed{background:#ffeadc;border-bottom:3px solid #a64a16}.oral-marking-passage .oral-word.oral-skipped,.oral-legend .oral-skipped,.oral-word.oral-skipped{background:#f8e3eb;border-bottom:3px dashed #984963}.oral-marking-passage .oral-word.oral-help,.oral-legend .oral-help,.oral-word.oral-help{background:#fff0bc;border-bottom:3px dotted #86650b}.oral-marking-passage .oral-word.oral-self,.oral-legend .oral-self,.oral-word.oral-self{background:#dcefe5;border-bottom:3px solid #28704a}.oral-marking-passage .oral-word.oral-last,.oral-legend .oral-last,.oral-word.oral-last{outline:2px solid #285c9f;outline-offset:1px}.oral-unread{opacity:.5}.oral-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;margin:20px 0}.oral-legend span{padding:4px 7px;border-radius:4px}.oral-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.oral-metrics div{padding:16px;background:#f2f6f3;border-radius:12px}.oral-metrics strong{display:block;font-size:28px}.oral-metrics span{display:block;font-size:13px;line-height:1.5;margin-top:5px}.oral-feedback{white-space:pre-wrap}.oral-review-form textarea{box-sizing:border-box;width:100%;max-width:100%;font:inherit;padding:12px;border:1px solid var(--line);border-radius:10px}.oral-exit{margin-top:18px;padding:16px;border:2px solid #a47330;border-radius:10px;background:#fff6df}.oral-archived{opacity:.8}.oral-audio-error:empty{display:none}.oral-review-form .field{margin:18px 0}.oral-review-form input[type=number]{max-width:200px}.oral-session>.row.between{position:static!important}
@media(max-width:700px){.oral-reading-passage,.oral-marking-passage{padding:18px 12px}.oral-reading-passage{font-size:21px}.oral-marking-passage{font-size:19px}.oral-marking-passage button.oral-word{min-height:44px}.oral-metrics{grid-template-columns:1fr}.oral-metrics div{display:flex;align-items:center;gap:16px}.oral-metrics strong{min-width:90px;font-size:25px}.oral-record-actions button{flex:1 1 140px;min-height:48px}.oral-record-actions output{flex:1 1 100%;text-align:center}.oral-recorder>.row{display:grid;gap:10px}.oral-session .row.between{align-items:flex-start;flex-direction:column}.oral-session .oral-permission{padding:20px 16px}.oral-review-form select{box-sizing:border-box;max-width:100%;font-size:16px}.oral-review-form .row{gap:8px}}

.oral-signal{display:grid;gap:6px;margin:14px 0;font-size:14px}.oral-signal meter{width:100%;height:20px}.oral-signal span{font-size:13px;color:var(--muted)}