.reading-surface{background:#faf9f6;color:#1b2934;}
#contextWrap.reading-surface{padding:0;gap:0;}
.reading-surface .context-toolbar{padding:13px 4vw;border-bottom:1px solid #e4e6e7;color:#687580;flex-wrap:wrap;gap:10px;}
.reading-surface .context-title{color:#253f50;letter-spacing:0;}
.reading-surface .context-audience{background:#eef3f3;border-color:#dce5e5;color:#4c6867;}
#contextSlots.transcript-feed,.transcript-feed{display:block;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;overflow-anchor:none;scroll-behavior:auto;padding:10px max(28px,calc((100% - 1080px)/2)) 15vh;position:relative;}
.transcript-paragraph{padding:22px 0;border-bottom:1px solid #e4e6e7;}
.transcript-time{display:block;font-size:12px;line-height:1.5;color:#7b858d;margin-bottom:7px;font-variant-numeric:tabular-nums;}
.transcript-copy{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:clamp(24px,2.15vw,40px);font-weight:450;line-height:1.65;letter-spacing:.01em;white-space:pre-wrap;overflow-wrap:anywhere;}
.reading-surface .empty-record{color:#70838b;}
.reading-surface .empty-record strong{color:#405e6b;font-size:20px;}
.reading-surface .empty-record span{font-size:15px;max-width:540px;line-height:1.7;}
.follow-button{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:3;border:1px solid #c7d8dd;border-radius:28px;background:#fff;color:#174c61;padding:12px 22px;font:700 14px sans-serif;box-shadow:0 4px 20px #173b5020;cursor:pointer;}
.projecting #appHeader{justify-content:flex-end;background:#fff;border-bottom:1px solid #e4e6e7;padding:7px 3vw;}
.projecting .hd-school,.projecting .user-wrap,.projecting #clearBtn,.projecting .status-wrap{display:none;}
.projecting .meeting-mode{margin-right:auto;color:#365062;background:transparent;border:0;}
.projecting .view-btn{color:#365062;background:#f0f4f5;border-color:#dce5e8;}
.projecting .context-toolbar{padding-top:8px;padding-bottom:8px;}
.reading-surface #previewAppendBtn{color:#526c7d;border-color:#b7c9d4;}
.meeting-mode{max-width:100%;flex-wrap:wrap;}
.meeting-mode select{min-width:0;max-width:185px;text-overflow:ellipsis;}
.meeting-mode label{font-size:12px;}
.language-note{flex-basis:100%;font-size:12px;color:#687580;}
.transcript-copy,.h-src,.h-trans{text-align:start;unicode-bidi:plaintext;}
.transcript-copy[dir="rtl"]{letter-spacing:normal;}
.reading-views{display:flex;gap:5px;margin-left:auto;}
.reading-views button,.diagnostics-panel button{border:1px solid #c7d4d8;border-radius:7px;padding:6px 10px;background:#fff;color:#526c7d;cursor:pointer;}
.reading-views button[aria-pressed="true"]{background:#174c61;color:#fff;border-color:#174c61;}
.health-bar{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:5px 3vw;background:#eef3f3;color:#526c7d;font-size:11px;}
.health-bar meter{width:65px;height:8px;}
.connection-notice{background:#fff2d6;color:#694c11;padding:8px 3vw;font-size:13px;line-height:1.5;flex-shrink:0;}
.diagnostics-panel{background:#eef3f3;color:#174c61;padding:6px 3vw;display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.diagnostics-panel pre{max-height:140px;overflow:auto;font-size:11px;}
.projecting .reading-views,.projecting #downloadBtn{display:none;}
button:disabled,select:disabled{cursor:not-allowed;opacity:.55;}
@media(max-width:600px){
  #contextSlots.transcript-feed,.transcript-feed{padding:4px 22px 12vh;}
  .transcript-copy{font-size:21px;line-height:1.75;}
  .transcript-paragraph{padding:18px 0;}
}