.reading-shell{max-width:960px}.reading-set-nav{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 10px;margin-bottom:6px;scrollbar-width:thin}.reading-set-chip{flex:0 0 auto;border:1px solid #e7e2f1;background:#fff;color:#676274;border-radius:999px;padding:9px 14px;font-weight:900;font-size:14px;cursor:pointer}.reading-set-chip.is-current{background:var(--purple-soft);border-color:var(--purple);color:#5b49c8}.reading-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid rgba(143,124,246,.14);border-radius:24px;padding:18px 22px;margin-bottom:12px;box-shadow:var(--shadow)}.reading-hero h1{margin:4px 0 6px;font-size:28px}.reading-hero p{margin:0;color:var(--muted);font-weight:700}.reading-progress{background:var(--purple-soft);color:#5c4cc4;padding:9px 13px;border-radius:999px;font-weight:900;white-space:nowrap}.reading-item-nav{display:grid;grid-template-columns:repeat(var(--reading-count,5),minmax(0,1fr));gap:8px;margin:0 0 16px}.reading-item-chip{border:2px solid transparent;background:#fff;border-radius:16px;padding:13px 8px;font-size:26px;font-weight:900;cursor:pointer;box-shadow:0 5px 16px rgba(80,67,124,.06);position:relative}.reading-item-chip.is-current{border-color:var(--purple);background:var(--purple-soft);color:#5b49c8}.reading-card,.quiz-card{background:#fff;border:1px solid rgba(143,124,246,.14);border-radius:26px;padding:22px;box-shadow:var(--shadow)}.reading-nav-row{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:14px}.reading-character{display:grid;place-items:center;min-height:230px;font-size:clamp(120px,28vw,230px);font-weight:900;color:#5b4bc8;line-height:1}.reading-pronunciation{text-align:center;font-size:24px;font-weight:900;margin:8px 0 12px}.listen-button{display:block;margin:0 auto;border:0;border-radius:999px;background:#eee9ff;color:#5d4ed0;padding:11px 18px;font-weight:900;cursor:pointer}.reading-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px auto 0;max-width:720px}.reading-example{border:1px solid #e8e4f3;background:#fff;border-radius:18px;padding:14px 10px;text-align:center}.reading-example .emoji{display:block;font-size:34px}.reading-example strong{display:block;margin-top:5px;font-size:18px}.reading-example .focus{color:#ef6f82}.reading-number-visual{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:360px;margin:18px auto 0}.number-dot{width:24px;height:24px;border-radius:50%;background:#8f7cf6;box-shadow:inset 0 0 0 3px #eee9ff}.reading-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;max-width:620px;margin:20px auto 0}.quiz-card{text-align:center}.quiz-card h2{font-size:28px;margin:6px 0 8px}.quiz-listen{border:0;background:#f4f1ff;color:#5d4ed0;border-radius:999px;padding:9px 14px;font-weight:900;cursor:pointer}.quiz-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:600px;margin:18px auto}.quiz-choice{min-height:112px;border:2px solid #e8e4f3;background:#fff;border-radius:20px;font-size:48px;font-weight:900;cursor:pointer}.quiz-choice:hover{background:#faf8ff}.quiz-choice.is-correct{border-color:#78c985;background:#eefaf0}.quiz-choice.is-wrong{border-color:#ef9aa7;background:#fff2f4}.quiz-message{min-height:32px;font-size:19px;font-weight:900;color:#6656c6}.quiz-back{margin-top:8px}.target-letter{color:#ef6f82}.number-reading-note{text-align:center;color:var(--muted);font-weight:800;margin-top:8px}@media(max-width:680px){.reading-shell{padding-left:12px;padding-right:12px}.reading-set-chip{font-size:13px;padding:8px 12px}.reading-hero{align-items:flex-start}.reading-hero h1{font-size:23px}.reading-item-nav{gap:6px}.reading-item-chip{font-size:22px;padding:11px 4px;border-radius:13px}.reading-card,.quiz-card{padding:16px 12px;border-radius:20px}.reading-nav-row{grid-template-columns:44px 1fr 44px}.reading-character{min-height:180px;font-size:clamp(92px,34vw,160px)}.reading-examples{grid-template-columns:1fr}.reading-example{display:grid;grid-template-columns:52px 1fr;align-items:center;text-align:left}.reading-example .emoji{font-size:30px}.reading-actions{grid-template-columns:1fr}.quiz-choice{min-height:92px;font-size:40px}.quiz-card h2{font-size:23px}}