.readalong-day .container{width:min(100%,920px);min-height:650px;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:12px}.read-tabs{display:flex;justify-content:center;gap:8px}.read-tabs button{min-height:44px;padding:10px 22px;border:1px solid var(--line);border-radius:30px;background:rgba(13,48,32,.85);color:var(--muted);font:600 13px system-ui;cursor:pointer}.read-tabs button[aria-pressed=true]{background:var(--gold);color:#12372c;border-color:var(--gold)}.read-panel{min-height:0;overflow-y:auto;padding:24px;border:1px solid var(--line);border-radius:17px;background:rgba(9,39,26,.92);scrollbar-width:thin;scrollbar-color:#e7cb9460 transparent;overscroll-behavior:contain}.dialog-block{margin-bottom:20px}.dialog-block:last-child{margin-bottom:0}.speaker-name{margin:0 0 6px;color:var(--gold);font-size:12px;letter-spacing:.4px;font-weight:600}.sentence{font-size:16px;line-height:1.9;color:var(--text)}.word{border-radius:4px;padding:2px 1px;scroll-margin:20px}.word.highlight{background:var(--gold);color:#12372c}.word.translatable{font:inherit;color:inherit;border:0;background:transparent;cursor:pointer;padding:2px 1px}.word.translatable.highlight{background:var(--gold);color:#12372c}.audio-box{padding:13px 18px;border:1px solid var(--line);border-radius:15px;background:rgba(9,39,26,.92)}.audio-timeline{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.audio-timeline input{flex:1;min-width:0;accent-color:var(--gold)}.player-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:8px}.player-controls button{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;background:#0d3020;color:var(--text);font:14px system-ui;cursor:pointer}#playPauseBtn{background:var(--gold);color:#12372c;border-color:var(--gold);font-size:19px}.player-controls button:disabled{opacity:.4;cursor:default}.follow-label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;min-height:44px;cursor:pointer}.follow-label input{accent-color:var(--gold)}.audio-status{font-size:11px;color:var(--muted);text-align:center;margin:5px 0 0}.quiz-progress{font-size:12px;color:var(--gold);margin:0 0 16px}#questionText{font-size:clamp(18px,2.5vw,23px);font-weight:600;line-height:1.5;color:var(--text);margin:0 0 20px}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quiz-option{min-height:62px;text-align:left;padding:12px 15px;border:1px solid var(--line);border-radius:11px;background:#0d3020;color:var(--text);font:14px/1.5 system-ui;cursor:pointer}.quiz-option:hover:not(:disabled){background:#204b34}.quiz-option.correct{border-color:var(--gold);background:#173e29;color:var(--gold)}.quiz-option.incorrect{border-color:#e9a8a0;background:#532f2a;color:#ffd0c8}.quiz-option:disabled{cursor:default}.quiz-feedback{font-size:13px;min-height:22px;margin:16px 0;color:var(--gold)}.quiz-feedback.error{color:#ffd0c8}.read-action{min-height:46px;border:1px solid var(--gold);border-radius:10px;padding:12px 22px;background:var(--gold);color:#12372c;font:600 14px system-ui;cursor:pointer}.read-action:disabled{opacity:.4;cursor:default}.photo-dialog{width:min(600px,calc(100% - 32px));max-height:calc(100svh - 36px);overflow:auto;border:1px solid var(--gold);border-radius:17px;background:#0d3020;color:var(--text);padding:20px}.photo-dialog::backdrop{background:#061711c0}.photo-dialog h2{font-size:15px;margin:0 40px 16px 0;color:var(--gold)}.photo-dialog img{display:block;max-width:100%;max-height:70svh;object-fit:contain;margin:auto;border-radius:11px}.close-photo{position:absolute;right:10px;top:6px;min-width:44px;min-height:44px;border:0;background:transparent;color:var(--text);font-size:28px;cursor:pointer}.translation-popup{position:fixed;z-index:30;max-width:240px;padding:10px 14px;border:1px solid var(--gold);border-radius:10px;background:#0d3020;color:var(--text);font-size:13px;pointer-events:none;margin:0}[hidden]{display:none!important}.read-tabs,.read-panel,.audio-box{animation:day-text .6s ease backwards}.intro-running .read-tabs,.intro-running .read-panel,.intro-running .audio-box{animation-play-state:paused}
@media(max-width:739px){.readalong-day .container{padding:12px 16px;min-height:640px;gap:10px}.read-panel{padding:17px}.sentence{font-size:14px;line-height:1.8}.quiz-options{grid-template-columns:1fr;gap:8px}.quiz-option{min-height:48px;font-size:13px}#questionText{font-size:17px;margin-bottom:16px}.read-tabs button{padding:9px 18px}.audio-box{padding:10px 14px}.player-controls{gap:9px}.follow-label{font-size:10px}.read-action{width:100%}}
@media(max-height:680px){.readalong-day .container{height:auto;min-height:100svh;grid-template-rows:auto auto auto minmax(240px,1fr) auto}.read-panel{max-height:55svh}}
@media(prefers-reduced-motion:reduce){.read-tabs,.read-panel,.audio-box{animation:none}}