.reading-page{max-width:1240px;padding-bottom:70px;--reading-accent:#b7a8ff}.reading-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0}.reading-hero h1{font-size:clamp(2.3rem,5vw,3.7rem);margin:8px 0;letter-spacing:-.04em}.reading-hero p{color:#c1d1e5}.reading-hero .zylo-subject-art{width:128px;height:128px}.reading-glass,.reading-entry-card{background:linear-gradient(125deg,#253d59d9,#20283fe6);border:1px solid #a1c8ea40;box-shadow:inset 0 1px #e9f7ff0d,0 18px 45px #0002;backdrop-filter:blur(15px);border-radius:25px;color:#f4f7ff}.reading-glass{padding:30px}.reading-page .eyebrow,.reading-entry-card .eyebrow{color:#c8bcff}.reading-page h2{font-size:1.65rem;line-height:1.35}.reading-page p{line-height:1.75}.reading-page .reading-small{font-size:.87rem;color:#b8c9de}.reading-lobby{max-width:960px;margin:0 auto}.reading-lobby h2{font-size:2rem}.reading-start{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:25px 0}.reading-page label{display:flex;flex-direction:column;gap:8px;font-weight:700}.reading-page select{background:#172b42;color:#f5f7ff;border:1px solid #a1b8e466;min-height:50px;border-radius:12px;padding:12px;max-width:100%}.reading-page select option{background:#172b42;color:#fff}.reading-start details{min-width:180px;align-self:center}.reading-start details[open]{align-self:end}.reading-start details label{margin-top:10px}.reading-page button,.reading-page a{touch-action:manipulation}.is-student .reading-page .button-primary,.is-student .reading-entry-card .button-primary{background:#dafa70;color:#152534;border:1px solid #dfff8b;box-shadow:0 4px 0 #98b441}.is-student .reading-page .button-secondary{background:#263950;color:#eef5ff;border:1px solid #a5bdd955;box-shadow:none}.reading-page button:focus-visible,.reading-page a:focus-visible,.reading-page [tabindex]:focus-visible{outline:3px solid #dafb70;outline-offset:4px}.reading-page [hidden]{display:none!important}.reading-page .button:disabled{opacity:.5;cursor:not-allowed}.reading-resume{background:#14273a88;border:1px solid #c5baff55;border-left:4px solid #c5baff;border-radius:15px;padding:20px;margin:24px 0}.reading-resume .button{margin:5px 8px 0 0}.reading-session-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0;color:#bdcce2;font-size:.9rem}.reading-session-bar>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.reading-session-bar strong{background:#443c69;padding:4px 10px;border-radius:8px;color:#e9e2ff}.reading-link{border:0;background:transparent;color:#d5caff;font:inherit;font-weight:700;cursor:pointer;padding:7px 0;text-decoration:underline;text-underline-offset:3px}.reading-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,1fr);gap:24px;align-items:start}.reading-text{min-width:0;background:linear-gradient(135deg,#1b3046f5,#1b293ef5)}.reading-text-heading,.reading-question-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.reading-font{display:flex;gap:4px}.reading-font button{font-size:.8rem;min-width:36px;min-height:36px;border:1px solid #8eabcb55;background:#102236;color:#e5edf9;border-radius:8px;cursor:pointer}.reading-font button[aria-pressed=true]{background:#4c426d;border-color:#c4b6ff}.reading-text h2{font-size:clamp(1.75rem,3vw,2.2rem);margin:20px 0}.reading-section-nav{display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid #b5cce52b;padding-bottom:18px;margin-bottom:20px}.reading-section-nav button{border:1px solid #a1b9dd45;background:#20334d;color:#d9e5f3;padding:9px 11px;font-size:.8rem;border-radius:10px;cursor:pointer;text-align:left;line-height:1.4}.reading-section-nav button[aria-current=true]{border-color:#bcaafa;color:#eee8ff;background:#443d66}.reading-prose{color:#e0e8f3;line-height:1.85;font-size:18px;font-weight:400;letter-spacing:.003em;overflow-wrap:break-word}.reading-prose h3{color:#f3efff;font-size:1.15em;line-height:1.4;margin:26px 0 10px}.reading-prose h3:first-child{margin-top:0}.reading-prose p{margin:0 0 24px;line-height:inherit}.reading-prose section{scroll-margin-top:18px}.reading-text .reading-prose{max-height:68vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#718bad #17283d;padding-right:12px}.reading-text[data-font-size="2"] .reading-prose{font-size:20px}.reading-text[data-font-size="3"] .reading-prose{font-size:23px}.reading-ready{margin:22px 0 0}.reading-questions{position:sticky;top:20px;min-width:0}.reading-question-heading{font-size:.8rem;color:#b9cbe0}.reading-question-nav{display:flex;gap:9px;margin:20px 0}.reading-question-nav button{width:42px;height:42px;border:1px solid #acc9e340;background:#182c43;color:#d9e6f5;border-radius:12px;cursor:pointer;font-weight:700}.reading-question-nav button.is-answered{border-color:#bfaaff}.reading-question-nav button.is-correct{color:#aaf1c9;border-color:#90d6b0}.reading-question-nav button[aria-current=true]{background:#675299;color:#fff;border-color:#c6afff;box-shadow:0 0 0 3px #c6afff22}.reading-round-note{font-size:.9rem;color:#c5d5e7}.reading-questions h2{font-size:1.35rem;line-height:1.5;margin:16px 0 22px;overflow-wrap:anywhere}.reading-answer-options{display:grid;gap:10px}.reading-page .reading-option{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;background:#172a40;border:1px solid #aac0df40;border-radius:14px;padding:16px 14px;color:#f0f5ff;font:inherit;line-height:1.55;cursor:pointer;min-height:64px;transition:border-color .15s,background .15s}.reading-option b{border:1px solid #9fbad34d;border-radius:7px;padding:0 6px;color:#bdcfe2;font-size:.85rem;flex-shrink:0}.reading-page .reading-option.is-selected{border-color:#dafa70;background:#3d4c3d}.reading-option:disabled{cursor:default;opacity:1}.reading-hint{margin-top:20px;padding:18px;border-left:3px solid #e9be70;border-radius:12px;background:#493f345e;color:#f8e2b8}.reading-hint p{margin:8px 0}.reading-question-controls{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.reading-submit{width:100%;margin-top:4px}.reading-mobile-tabs{display:none}.reading-result{max-width:1000px;margin:0 auto}.reading-result h2{font-size:clamp(1.8rem,4vw,2.6rem)}.reading-result-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.reading-result-numbers div{padding:20px;background:#13233888;border:1px solid #a2c3e42e;border-radius:17px;text-align:center}.reading-result-numbers strong{display:block;font-size:2rem;color:#dafa70}.reading-result-numbers span{color:#becfe3;font-size:.9rem}.reading-result-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.reading-review{display:grid;gap:18px;margin:28px 0}.reading-review article{border:1px solid #abc3dd3b;border-left:4px solid #e5be80;border-radius:16px;background:#13283f75;padding:22px}.reading-review article.is-correct{border-left-color:#99ddb9}.reading-review h3{margin:0 0 12px;line-height:1.5}.reading-review p{margin:8px 0;color:#c8d9eb}.reading-evidence{border-left:2px solid #a6b8f5;margin:14px 0 0;padding:4px 0 4px 16px;color:#ded9ff}.reading-evidence strong{font-size:.8rem;color:#b8ccd9}.reading-evidence blockquote{margin:8px 0;font-size:.98rem;line-height:1.7}.reading-result details{margin-top:22px}.reading-result-prose{margin-top:25px;max-width:740px}.reading-history{max-width:960px;margin:28px auto}.reading-progress{max-width:1040px;margin:28px auto}.reading-progress>summary{font-size:1.15rem;font-weight:700}.reading-report-filter{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-top:25px}.reading-skill-list{display:grid;gap:10px}.reading-skill-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #b1c8dd26;padding:12px 0}.reading-page .progress-chart{margin-top:18px;border-radius:16px;background:#eaf0fb;padding:12px}.reading-page table{font-size:.88rem;white-space:nowrap}.reading-page td,.reading-page th{padding:12px}.reading-page .progress-legend{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px}.reading-page .progress-legend .level-1{color:#90dfb8}.reading-page .progress-legend .level-2{color:#d0bbff}.reading-page .progress-legend .level-3{color:#f7c492}.reading-entry-card{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px;margin:24px 0}.reading-entry-card h2{margin:6px 0}.reading-entry-card p{color:#c9d6e8;margin:10px 0}.reading-entry-card .button{white-space:nowrap}.reading-page.is-reading-first .reading-workspace{grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr)}
@media(max-width:800px){.reading-workspace,.reading-page.is-reading-first .reading-workspace{grid-template-columns:minmax(0,1fr)}.reading-questions{position:static}.reading-mobile-tabs{display:flex;gap:8px;margin:14px 0}.reading-mobile-tabs button{flex:1;min-height:48px;border-radius:12px;border:1px solid #a6c4e444;background:#1a2d45;color:#d7e5f6;font-weight:700;cursor:pointer}.reading-mobile-tabs button[aria-pressed=true]{background:#504374;border-color:#bda9f3;color:#fff}.reading-page[data-mobile-tab="questions"] .reading-text{display:none}.reading-page[data-mobile-tab="text"] .reading-questions{display:none}.reading-text .reading-prose{max-height:none;overflow:visible;padding-right:0}.reading-glass{padding:24px}.reading-entry-card{align-items:flex-start;flex-direction:column;gap:12px}.reading-entry-card .button{white-space:normal}.reading-session-bar{align-items:flex-start}.reading-session-bar>div{gap:8px}.reading-session-bar>div:last-child{justify-content:flex-end}.reading-hero .zylo-subject-art{width:88px;height:88px}}
@media(max-width:480px){.reading-page{padding-left:16px;padding-right:16px}.reading-hero{margin:20px 0}.reading-hero p{font-size:.9rem}.reading-hero .zylo-subject-art{width:68px;height:68px}.reading-glass{padding:22px 18px;border-radius:21px}.reading-start{display:grid;grid-template-columns:1fr 1fr}.reading-start details,.reading-start>.button{grid-column:1/-1}.reading-start select{min-width:0;width:100%}.reading-section-nav{gap:6px}.reading-section-nav button{flex-grow:1}.reading-question-controls .button{padding-left:14px;padding-right:14px}.reading-result-numbers{gap:8px}.reading-result-numbers div{padding:15px 7px}.reading-result-numbers strong{font-size:1.65rem}.reading-result-numbers span{font-size:.8rem}.reading-result-actions .button{width:100%;text-align:center}.reading-review article{padding:18px 14px}.reading-skill-list>div{flex-direction:column;gap:4px}.reading-prose{font-size:18px}.reading-page .reading-session-bar{font-size:.8rem}.reading-page .progress-chart{padding:0}.reading-page.is-active .reading-hero{display:none}.reading-history p{line-height:1.8}.reading-font button{min-width:32px}.reading-text-heading{gap:6px}.reading-text-heading>.eyebrow{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.reading-option{transition:none!important}}
@media(max-width:800px){.reading-mobile-tabs{position:sticky;top:8px;z-index:12;background:#111d30ed;backdrop-filter:blur(12px);padding:5px;border-radius:15px}}
.reading-page .progress-chart{background:#16283f;border:1px solid #a9c7e331}.reading-page .progress-chart svg text{fill:#c2d3e7}.reading-page .progress-chart svg line{stroke:#9dbbda35}.reading-page .progress-chart [stroke="#16806c"]{stroke:#85dbaf}.reading-page .progress-chart [stroke="#6650c8"]{stroke:#c2a8ff}.reading-page .progress-chart [stroke="#bb542b"]{stroke:#f2bb86}.reading-page .progress-chart [fill="#16806c"]{fill:#85dbaf}.reading-page .progress-chart [fill="#6650c8"]{fill:#c2a8ff}.reading-page .progress-chart [fill="#bb542b"]{fill:#f2bb86}.reading-page .progress-chart circle[fill="white"]{fill:#16283f}