.student-reading-recording-layer {
  position: fixed;
  z-index: 30;
  right: 1rem;
  bottom: 1rem;
  width: min(25rem, calc(100vw - 2rem));
  pointer-events: none;
}
.student-reading-recording {
  pointer-events: auto;
  display: grid;
  gap: .6rem;
  padding: 1rem;
  border: 1px solid var(--line, #cbd5e1);
  border-radius: 1rem;
  background: var(--surface, #fff);
  box-shadow: 0 .75rem 2rem rgb(15 23 42 / .16);
}
.student-reading-recording__warning { margin: 0; color: #92400e; font-size: .86rem; }
.student-reading-recording textarea { width: 100%; resize: vertical; }
.student-reading-recording__consent { display: flex; gap: .45rem; align-items: flex-start; font-size: .84rem; }
.student-reading-recording button { min-height: 2.25rem; padding: .45rem .75rem; border-radius: .6rem; border: 1px solid var(--line, #cbd5e1); background: transparent; cursor: pointer; }
.student-reading-recording button.is-primary { background: #1d4ed8; color: #fff; border-color: #1d4ed8; }
.student-reading-recording button:disabled { opacity: .5; cursor: not-allowed; }
.student-reading-recording audio { width: 100%; }
.student-reading-recording__help { color: #475569; }
.student-reading-recording__error { margin: 0; color: #b91c1c; }
@media (max-width: 430px) { .student-reading-recording-layer { right: .5rem; bottom: .5rem; width: calc(100vw - 1rem); } }
@media (forced-colors: active) { .student-reading-recording { border: 2px solid CanvasText; box-shadow: none; } .student-reading-recording button.is-primary { background: Highlight; color: HighlightText; } }
@media print { .student-reading-recording-layer, .student-reading-recording-launcher { display: none !important; } }