.reading-fluency-comparison-layer { position: fixed; z-index: 29; right: 1rem; bottom: 1rem; width: min(28rem, calc(100vw - 2rem)); pointer-events: none; }
.reading-fluency-comparison { 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); }
.reading-fluency-comparison__warning { margin: 0; color: #475569; font-size: .86rem; }
.reading-fluency-comparison label { display: grid; gap: .3rem; font-size: .84rem; font-weight: 600; }
.reading-fluency-comparison textarea { width: 100%; resize: vertical; font: inherit; }
.reading-fluency-comparison__status { margin: 0; color: #1e3a8a; font-size: .88rem; }
.reading-fluency-comparison__list { max-height: 9rem; overflow: auto; margin: 0; padding-left: 1.2rem; font-size: .8rem; }
.reading-fluency-comparison__list .is-different { color: #92400e; }
.reading-fluency-comparison__list .is-missing, .reading-fluency-comparison__list .is-extra { color: #b91c1c; }
.reading-fluency-comparison__actions { display: flex; gap: .5rem; }
.reading-fluency-comparison button { min-height: 2.25rem; padding: .45rem .75rem; border: 1px solid var(--line, #cbd5e1); border-radius: .6rem; background: transparent; cursor: pointer; }
.reading-fluency-comparison button.is-primary { color: #fff; background: #1d4ed8; border-color: #1d4ed8; }
.reading-fluency-comparison button:disabled { opacity: .5; cursor: not-allowed; }
.reading-fluency-comparison__help { color: #475569; }
.reading-fluency-comparison__error { margin: 0; color: #b91c1c; }
@media (max-width: 430px) { .reading-fluency-comparison-layer { right: .5rem; bottom: .5rem; width: calc(100vw - 1rem); } }
@media (forced-colors: active) { .reading-fluency-comparison { border: 2px solid CanvasText; box-shadow: none; } .reading-fluency-comparison button.is-primary { background: Highlight; color: HighlightText; } }
@media print { .reading-fluency-comparison-layer, .reading-fluency-comparison-launcher { display: none !important; } }