.continuous-reading { padding: 30px; }
.text-controls { position: sticky; top: 0; z-index: 2; background: #fff; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 12px 0; border-bottom: 1px solid #c6d9ed; }
.text-controls strong { font-size: 24px; }
.text-reading { white-space: pre-wrap; overflow-wrap: anywhere; font-size: clamp(24px,3vw,38px); line-height: 1.9; color: #173c79; margin: 24px 0; }
.text-word { display: inline; padding: 3px 2px; margin: 0; border: 2px solid transparent; border-radius: 5px; font: inherit; line-height: inherit; color: inherit; background: transparent; box-shadow: none; text-align: inherit; overflow-wrap: anywhere; }
button.text-word { cursor: pointer; }
.text-word.text-error { text-decoration: underline wavy #b33342; text-underline-offset: 6px; background: #ffeded; }
.text-word.text-last { border-color: #2355c7; background: #e3edff; }
.text-word.text-after { opacity: .55; }
.text-word:focus-visible { outline: 3px solid #dc9400; }
.text-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 16px 0; }
.text-actions [aria-pressed=true] { background: #e3edff; border: 2px solid #2355c7; }
.continuous-reading button:disabled { opacity: .5; cursor: not-allowed; }
.fluency-item.sentence-item { font-size: clamp(32px,5vw,68px); line-height: 1.4; white-space: pre-wrap; }
.fluency-config [hidden] { display: none !important; }
@media(max-width:700px){.continuous-reading{padding:18px}.text-controls{gap:8px;align-items:flex-start}.text-controls strong{font-size:20px}.text-controls .fluency-clock{font-size:20px;padding:8px}.text-reading{font-size:25px}}