.reading-current{background:#f5d77b;color:#163d3c;border-radius:3px;box-shadow:0 2px 0 #ad7c18}
.reading-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 14px;min-height:34px}
.reading-status{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.reading-pause{font-size:11px;white-space:nowrap;padding:8px}
.reading-buttons{display:flex;align-items:center;gap:3px;flex-wrap:wrap;justify-content:flex-end}
.reading-voice{font-size:12px;white-space:nowrap;padding:8px 10px;background:#e5ece2;color:var(--ink)}
.reading-voice[aria-pressed="true"]{background:#163d3c;color:white}
.reading-bar{flex-wrap:wrap}.reading-status{flex:1;min-width:150px}
.teacher-guide{border:1px solid #bfd0bb;background:#fbfcf8;border-radius:12px;padding:12px 15px;margin:10px 0;text-align:left;min-height:96px}
.teacher-guide h2{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--green);margin:0 0 7px}
.teacher-line{font-size:14px;line-height:1.65;margin:0;color:var(--ink)}
#visual[data-teacher-focus="nucleus"] .concept-nucleus{stroke:#ce9b2e;stroke-width:5}
#visual[data-teacher-focus="shell-1"] .concept-ring.shell-1,#visual[data-teacher-focus="shell-2"] .concept-ring.shell-2,#visual[data-teacher-focus="shell-3"] .concept-ring.shell-3{stroke-width:5}
#visual[data-teacher-focus="electrons"] .minus-dot circle,#visual[data-teacher-focus="positive"] .plus-dot circle,#visual[data-teacher-focus="negative"] .minus-dot circle{stroke:#bf8a20;stroke-width:3}
#visual[data-teacher-focus="charge"] .balance-equation,#visual[data-teacher-focus="charge"] .charge-result,#visual[data-teacher-focus="charge"] .superscript-charge{paint-order:stroke;stroke:#f5d77b;stroke-width:5;stroke-linejoin:round}
#visual[data-teacher-focus="positive"] .particle.plus,#visual[data-teacher-focus="negative"] .particle.minus,#visual[data-teacher-focus="photo"] .sample-photo,#visual[data-teacher-focus="energy"] .energy-svg,#visual[data-teacher-focus="badge"] .badge{outline:3px solid #b88924;outline-offset:3px}
#visual[data-teacher-focus="summary-positive"] .summary-card:nth-child(1),#visual[data-teacher-focus="summary-negative"] .summary-card:nth-child(2),#visual[data-teacher-focus="summary-neutral"] .summary-card:nth-child(3){box-shadow:inset 0 0 0 3px #b88924;background:#fff6dc}
.teacher-paused #visual *{animation-play-state:paused!important}