@font-face{font-family:KFGQPC Uthmanic Hafs;src:url(/fonts/UthmanicHafs-v-3.0.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.reading-shell{color:#241e19;min-height:100vh;font-family:var(--font-nunito), Arial, sans-serif;background-color:#fcfbfa;line-height:1.5;position:relative;overflow-x:hidden}.reading-shell[lang=ar],.reading-shell:lang(ar),.reading-shell [lang=ar]{font-family:var(--font-ibm-plex-arabic), Tahoma, sans-serif}.reading-glyph-text,.reading-word-text{font-family:KFGQPC Uthmanic Hafs,Uthmanic Hafs,serif!important}.reading-header{color:#fff;background:linear-gradient(135deg,#1f1238 0%,#2e1a53 50%,#3e2270 100%);border-bottom:1px solid #ffffff1f;padding:16px max(4vw,18px)}.reading-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:flex}.reading-header-start{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.reading-back-link{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff47;border-radius:10px;align-items:center;gap:6px;min-height:44px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}.reading-back-link:hover{background:#ffffff2e;transform:translateY(-1px)}.reading-back-link:focus-visible{outline-offset:2px;outline:3px solid #fc0}.reading-book-brand{align-items:center;gap:12px;display:flex}.book-symbol{font-size:28px;line-height:1}.reading-book-name{color:#fff;margin:0;font-size:18px;font-weight:800;line-height:1.2}.reading-book-sub{color:#ffffffb8;margin:0;font-size:12px;line-height:1.2}.reading-header-end{align-items:center;gap:14px;display:flex}.reading-lang-switcher{background:#0003;border:1px solid #ffffff40;border-radius:999px;align-items:center;padding:3px;display:inline-flex}.reading-lang-choice{color:#fffc;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:36px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s}.reading-lang-choice.active{color:#251642;background:#fff;box-shadow:0 2px 6px #0003}.reading-lang-choice:focus-visible{outline-offset:2px;outline:2px solid #fc0}.reading-book-nav{z-index:40;background:#fff;border-bottom:2px solid #eae5dd;height:auto;display:block;position:sticky;top:0;box-shadow:0 2px 8px #00000008}.book-nav-inner{direction:ltr;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1200px;margin:0 auto;padding:10px max(4vw,18px);display:flex}.book-lessons{direction:ltr;position:relative}.lessons-trigger{color:#fff;cursor:pointer;background:#2e1a53;border:0;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:8px 14px;font-size:14px;font-weight:800;transition:background .16s,transform .16s;display:inline-flex}.lessons-trigger:hover{background:#3f2570;transform:translateY(-1px)}.lessons-trigger:focus-visible{outline-offset:2px;outline:3px solid #fc0}.lessons-trigger-icon{font-size:15px;line-height:1}.lessons-trigger-current{color:#ffd84d;background:#ffffff2e;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;font-weight:800;display:inline-flex}.lessons-caret{font-size:11px;line-height:1;transition:transform .16s}.lessons-caret.open{transform:rotate(180deg)}.lessons-backdrop{z-index:55;background:#1209246b;position:fixed;inset:0}.lessons-panel{z-index:60;background:#fff;border:1px solid #ded6c9;border-radius:16px;flex-direction:column;width:min(92vw,420px);max-height:min(72vh,640px);animation:.16s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;position:absolute;top:calc(100% + 10px);left:0;overflow:hidden;box-shadow:0 18px 44px #180c3347}.lessons-panel-header{background:#fbf9f6;border-bottom:1px solid #eee7dd;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.lessons-panel-title{color:#2e1a53;margin:0;font-size:15px;font-weight:800}.lessons-close{color:#4a3b2f;cursor:pointer;background:#fff;border:1px solid #dcd3c7;border-radius:10px;justify-content:center;align-items:center;min-width:40px;min-height:40px;font-size:14px;display:inline-flex}.lessons-close:hover{background:#f2eee8;border-color:#baa893}.lessons-close:focus-visible{outline-offset:2px;outline:3px solid #2e1a53}.lessons-panel-body{flex-direction:column;gap:14px;padding:10px 12px 14px;display:flex;overflow-y:auto}.lessons-group-title{letter-spacing:.02em;color:#6b4d24;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;margin:4px 4px 8px;font-size:12px;font-weight:800;display:flex}.lessons-group-range{color:#9c8b7c;font-size:11px;font-weight:700}.lessons-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.lessons-item{text-align:start;cursor:pointer;background:#fff;border:1px solid #ece6dc;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 10px;transition:background .14s,border-color .14s;display:flex}.lessons-item:hover{background:#f7f4ef;border-color:#cfc5b8}.lessons-item:focus-visible{outline-offset:1px;outline:3px solid #2e1a53}.lessons-item.active{background:#efe9f7;border-color:#2e1a53}.lessons-item-number{color:#55412c;background:#f2eee8;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 5px;font-size:12px;font-weight:800;display:inline-flex}.lessons-item.active .lessons-item-number{color:#ffd84d;background:#2e1a53}.lessons-item-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lessons-item-title{color:#241442;font-size:13px;font-weight:700;line-height:1.35}.lessons-item-sub{color:#7b6d60;font-size:11px;line-height:1.35}.lessons-item-check{color:#2e1a53;flex-shrink:0;font-size:14px;font-weight:800}.book-nav-pager{align-items:center;gap:10px;min-width:0;display:flex}.book-nav-page-indicator{color:#635243;white-space:nowrap;font-size:13px;font-weight:800}.book-nav-arrow{color:#4a3c31;cursor:pointer;white-space:nowrap;background:#f4efe8;border:1px solid #ddd6cc;border-radius:8px;align-items:center;gap:6px;min-height:44px;padding:8px 16px;font-size:13px;font-weight:700;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.book-nav-arrow .arrow-icon{font-size:14px;line-height:1}.book-nav-arrow:hover:not(:disabled){color:#241e19;background:#e9e2d7;border-color:#c9bea9}.book-nav-arrow:disabled{opacity:.35;cursor:not-allowed;border-color:#0000}.book-nav-arrow:focus-visible{outline-offset:2px;outline:3px solid #2e1a53}@media (max-width:640px){.book-nav-page-indicator{display:none}.book-nav-arrow{padding:8px 12px}.book-nav-arrow .arrow-text{display:none}.lessons-panel{width:calc(100vw - 36px);max-height:calc(100vh - 130px)}.lessons-panel-body{padding-bottom:20px}}.reading-page-container{max-width:1200px;margin:0 auto;padding:32px max(4vw,18px) 60px}.reading-page-banner{background:#fff;border:1px solid #e8e2d8;border-radius:16px;margin-bottom:28px;padding:28px 32px;box-shadow:0 4px 16px #00000008}.page-meta-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.page-folio-badge{letter-spacing:.04em;color:#543;background:#f2eee8;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-block}.page-items-count{color:#7b6d60;font-size:13px;font-weight:700}.reading-page-title{color:#241442;margin:0 0 8px;font-size:clamp(24px,3.5vw,34px);font-weight:800;line-height:1.25}.reading-page-subtitle{color:#6b4d24;margin:0 0 10px;font-size:clamp(15px,2vw,18px);font-weight:700;line-height:1.4}.reading-page-desc{color:#574c42;max-width:820px;margin:0 0 20px;font-size:14px;line-height:1.6}.reading-sound-inventory{background:#faf8f5;border:1px solid #ebdccc;border-radius:12px;flex-direction:column;gap:14px;margin-top:14px;padding:18px 20px;display:flex}.inventory-block{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.inventory-label{color:#4a392b;align-items:center;gap:6px;min-width:190px;font-size:13px;font-weight:800;display:inline-flex}.label-icon{color:#b37400;font-size:14px}.inventory-chips{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sound-pill{border-radius:10px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex;box-shadow:0 2px 5px #0000000d}.sound-pill-new{color:#8c4700;background:#fff;border:2px solid #e08b00}.sound-pill-review{color:#4f4236;background:#fff;border:1.5px solid #c9bea9}.drills-instruction-box{background:#fff;border:1px dashed #d9cbbe;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.instruction-icon{font-size:16px;line-height:1.3}.instruction-text{color:#543;margin:0;font-size:13px;line-height:1.5}.page-guide-card{background:#fbf9f6;border-right:4px solid #2e1a53;border-radius:8px;margin-top:14px;padding:14px 18px}.reading-shell[dir=ltr] .page-guide-card{border-left:4px solid #2e1a53;border-right:0}.guide-card-top{color:#2e1a53;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.guide-card-body{color:#543;margin:0;font-size:13px;line-height:1.5}.reading-letters-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;display:grid}@media (min-width:768px){.reading-letters-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px}}@media (min-width:1024px){.reading-letters-grid{grid-template-columns:repeat(7,1fr);gap:18px}}.reading-letter-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e5dfd5;border-radius:14px;flex-direction:column;align-items:center;min-height:180px;padding:14px 12px 12px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative;box-shadow:0 2px 6px #00000005}.reading-letter-card:hover{border-color:#2e1a53;transform:translateY(-2px);box-shadow:0 6px 14px #2e1a531a}.reading-letter-card:focus-visible{outline-offset:3px;outline:3px solid #fc0}.letter-order-badge{color:#8c7b6d;background:#f5f1eb;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800;position:absolute;top:10px;right:10px}.reading-shell[dir=ltr] .letter-order-badge{left:10px;right:auto}.letter-svg-container{color:#241442;justify-content:center;align-items:center;width:100%;height:96px;margin-top:10px;display:flex}.letter-card-meta{flex-direction:column;align-items:center;gap:2px;margin-top:8px;display:flex}.letter-name-ar{color:#241442;font-size:14px;font-weight:700}.letter-name-en{color:#7b6d60;font-size:11px}.letter-focus-hint{color:#9c8b7c;margin-top:8px;font-size:11px;font-weight:700}.reading-letter-card:hover .letter-focus-hint{color:#2e1a53}.reading-drills-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}@media (min-width:768px){.reading-drills-grid{grid-template-columns:repeat(2,1fr);gap:22px}}@media (min-width:1024px){.reading-drills-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.reading-drill-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #e5dfd5;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:175px;padding:16px 16px 18px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;box-shadow:0 2px 6px #00000008}.reading-drill-card:hover{border-color:#2e1a53;transform:translateY(-2px);box-shadow:0 6px 16px #2e1a531a}.reading-drill-card:focus-visible{outline-offset:3px;outline:3px solid #fc0}.drill-card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.drill-order-badge{color:#635243;background:#f2eee8;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.drill-focus-hint{color:#9c8b7c;font-size:11px;font-weight:700}.reading-drill-card:hover .drill-focus-hint{color:#2e1a53}.drill-sounds-container{flex-grow:1;justify-content:center;align-items:center;gap:10px;min-height:92px;padding:10px 4px 6px;display:flex}.drill-sound-chip{color:#241442;background:#fbf9f6;border:1.5px solid #ded5c8;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,background .15s,transform .15s;display:flex;box-shadow:inset 0 1px 3px #0000000a}.reading-drill-card:hover .drill-sound-chip{background:#fff;border-color:#baa893}.drill-sounds-container.count-2 .drill-sound-chip{width:78px;height:78px}.drill-sounds-container.count-3 .drill-sound-chip{width:68px;height:68px}.drill-sounds-container.count-4 .drill-sound-chip{width:56px;height:56px}@media (min-width:640px){.drill-sounds-container{gap:14px;min-height:104px;padding:14px 6px 10px}.drill-sounds-container.count-2 .drill-sound-chip{border-radius:14px;width:88px;height:88px}.drill-sounds-container.count-3 .drill-sound-chip{border-radius:14px;width:76px;height:76px}.drill-sounds-container.count-4 .drill-sound-chip{border-radius:12px;width:62px;height:62px}}.reading-bottom-turner{background:#fff;border:1.5px solid #e8e2d8;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding:16px 24px;display:flex;box-shadow:0 2px 8px #00000005}.turner-btn{color:#fff;cursor:pointer;background:#2e1a53;border:0;border-radius:10px;align-items:center;gap:8px;min-height:48px;padding:10px 22px;font-size:14px;font-weight:800;transition:background .16s,transform .16s;display:inline-flex}.turner-btn:hover:not(:disabled){background:#3f2570;transform:translateY(-1px)}.turner-btn:disabled{color:#9c8e80;cursor:not-allowed;background:#eae5dd}.turner-btn:focus-visible{outline-offset:3px;outline:3px solid #fc0}.turner-page-indicator{color:#635243;font-size:14px;font-weight:800}.reading-scope-notice{background:#fbf9f5;border:1px solid #ebdccb;border-radius:12px;align-items:flex-start;gap:16px;margin-top:32px;padding:20px 24px;display:flex}.scope-notice-icon{font-size:24px;line-height:1.2}.scope-notice-content{flex:1}.scope-notice-title{color:#613e00;margin:0 0 6px;font-size:14px;font-weight:800}.scope-notice-text{color:#543;margin:0;font-size:13px;line-height:1.6}.reading-focus-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#120924c7;justify-content:center;align-items:center;padding:16px;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reading-focus-dialog{background:#fff;border:1px solid #dcd4c8;border-radius:20px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;overflow:hidden;box-shadow:0 16px 40px #00000059}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.focus-dialog-header{background:#fbf9f6;border-bottom:1px solid #eee7dd;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.focus-header-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.focus-page-tag{color:#2e1a53;background:#efe9f7;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:800}.focus-counter-badge{color:#7b6d60;font-size:13px;font-weight:700}.focus-close-btn{color:#4a3b2f;cursor:pointer;background:#fff;border:1px solid #dcd3c7;border-radius:10px;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:8px 14px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.focus-close-btn:hover{background:#f2eee8;border-color:#baa893}.focus-close-btn:focus-visible{outline-offset:2px;outline:3px solid #2e1a53}.close-icon{font-size:14px}.focus-dialog-stage{flex-direction:column;align-items:center;padding:32px 28px;display:flex;overflow-y:auto}.focus-single-stage{flex-direction:column;align-items:center;width:100%;display:flex}.focus-single-svg-wrapper{color:#241442;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.focus-single-info{text-align:center;margin-bottom:20px}.focus-single-name-ar{color:#241442;margin:0 0 4px;font-size:26px;font-weight:800}.focus-single-name-en{color:#635243;margin:0 0 8px;font-size:15px}.focus-sound-cue-pill{color:#7b4300;background:#fff4db;border:1px solid #fad285;border-radius:999px;padding:4px 14px;font-size:13px;font-weight:700;display:inline-block}.focus-sequence-stage{flex-direction:column;align-items:center;width:100%;display:flex}.focus-drill-badge{color:#2e1a53;background:#efe9f7;border-radius:999px;margin-bottom:20px;padding:4px 14px;font-size:13px;font-weight:800}.focus-sequence-chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-bottom:24px;display:flex}.focus-sound-chip{color:#241442;background:#faf8f5;border:2px solid #cebeab;border-radius:18px;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}@media (min-width:640px){.focus-sound-chip{width:140px;height:140px}}.chip-order-sub{color:#9c8b7c;background:#f2eee8;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:800;position:absolute;top:8px;right:10px}.reading-shell[dir=ltr] .chip-order-sub{left:10px;right:auto}.focus-pedagogy-box{background:#f9f7f4;border:1px solid #ebdccc;border-radius:12px;align-items:flex-start;gap:12px;width:100%;max-width:520px;margin-bottom:12px;padding:14px 18px;display:flex}.focus-tip-icon{font-size:16px;line-height:1.4}.focus-pedagogy-text{color:#4a3a2e;margin:0;font-size:13px;line-height:1.6}.focus-discrete-tip{color:#945300;text-align:center;margin:0;font-size:12px;font-weight:700}.focus-dialog-footer{background:#fbf9f6;border-top:1px solid #eee7dd;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.focus-nav-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:110px;min-height:48px;padding:10px 18px;font-size:13px;font-weight:800;transition:all .15s;display:inline-flex}.focus-nav-arrow{font-size:14px;line-height:1}.focus-prev-btn{color:#4a3b2f;background:#fff;border:1.5px solid #dcd4c8}.focus-prev-btn:hover:not(:disabled){background:#f2eee8;border-color:#baa893}.focus-prev-btn:disabled{opacity:.35;cursor:not-allowed}.focus-next-btn{color:#fff;background:#2e1a53;border:1.5px solid #2e1a53}.focus-next-btn:hover:not(:disabled){background:#3f2570;border-color:#3f2570}.focus-next-btn:disabled{opacity:.35;cursor:not-allowed}.focus-nav-btn:focus-visible{outline-offset:2px;outline:3px solid #fc0}.focus-nav-hint{color:#8c7b6d;font-size:12px;display:none}@media (min-width:600px){.focus-nav-hint{display:inline}}.reading-footer{color:#ffffffb3;text-align:center;background:#201338;border-top:1px solid #ffffff1a;padding:32px max(4vw,18px)}.reading-footer-inner{max-width:800px;margin:0 auto}.reading-footer-brand strong{letter-spacing:.08em;color:#fff;margin-bottom:6px;font-size:14px;display:block}.reading-footer-brand p{color:#ffffffa6;margin:0;font-size:12px;line-height:1.6}.reading-part-cover{text-align:center;color:#351b5c;background:#fbf8f3;border:1px solid #e8dccb;border-radius:1.25rem;justify-items:center;gap:1rem;padding:clamp(3rem,8vw,6rem) 1.5rem;display:grid}.reading-part-cover-kicker{color:#9c661f;font-weight:700}.reading-part-cover strong{font-size:clamp(2rem,5vw,3.5rem)}.reading-part-cover p{max-width:38rem;line-height:1.8}.reading-words-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;display:grid}.reading-word-card{color:#351b5c;cursor:pointer;background:#fff;border:1px solid #e8dccb;border-radius:1rem;align-content:center;justify-items:center;gap:.4rem;min-width:0;min-height:14rem;padding:1.5rem 1rem 1rem;display:grid;position:relative;box-shadow:0 2px #eee5d8}.reading-word-card:hover,.reading-word-card:focus-visible{border-color:#aa790e;outline:none;box-shadow:0 0 0 3px #f9e29b}.reading-word-order{inset-inline-start:1rem;color:#8d8070;font-size:.85rem;position:absolute;top:.7rem}.reading-word-svg{fill:#351b5c;width:min(100%,23rem);height:auto;display:block}.reading-connected-sub{color:#7a6b5d;margin-top:-.25rem;font-family:KFGQPC Uthmanic Hafs,serif;font-size:.95rem}.focus-word-stage{justify-items:center;gap:1rem;width:100%;display:grid}.focus-word-heading{color:#351b5c;margin:0}.reading-word-svg-dialog{width:min(100%,35rem)}.focus-word-stage .focus-pedagogy-box{width:min(100%,38rem)}.focus-connected-sounds{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.focus-connected-sounds-label{color:#6b5c4f;font-size:.85rem;font-weight:600}.focus-connected-chips{align-items:center;gap:.35rem;display:flex}.focus-connected-chip{background:#fbf8f3;border:1px solid #e2d7c7;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}@media (max-width:850px){.reading-words-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.reading-words-grid{grid-template-columns:1fr}.reading-word-card{min-height:12rem}}.reading-progress{background:#ece6dd;width:100%;height:4px;overflow:hidden}.reading-progress-fill{background:linear-gradient(90deg,#2e1a53 0%,#6b4ba3 70%,#c2571a 100%);height:100%;transition:width .28s}.reading-book-cover{text-align:center;color:#2b2050;background:radial-gradient(120% 90% at 50% -10%,#ffd44729,#0000 60%),linear-gradient(160deg,#fff 0%,#fbf9f6 60%,#f4efe8 100%);border:1px solid #e8dccb;border-radius:26px;flex-direction:column;align-items:center;gap:.9rem;max-width:780px;margin:clamp(8px,3vh,40px) auto 0;padding:clamp(2.25rem,6vw,4.25rem) clamp(1.25rem,5vw,3.25rem);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #2e1a531a}.reading-book-cover:before{content:"";pointer-events:none;border:1px solid #2e1a531a;border-radius:18px;position:absolute;inset:14px}.reading-cover-kicker{letter-spacing:.14em;text-transform:uppercase;color:#9c661f;font-size:12px;font-weight:800}.reading-cover-title{color:#241442;margin:0;font-size:clamp(1.9rem,5vw,3rem);font-weight:800;line-height:1.15}.reading-cover-subtitle{color:#6b4d24;margin:0;font-size:clamp(1rem,2.4vw,1.25rem);font-weight:700}.reading-cover-desc{color:#55483c;max-width:40rem;margin:0;font-size:.95rem;line-height:1.75}.reading-cover-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.75rem;display:flex}.cover-start-btn,.cover-lessons-btn{cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;min-height:48px;padding:.7rem 1.5rem;font-size:.95rem;font-weight:800;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.cover-start-btn{color:#fff;background:#2e1a53;border:0;box-shadow:0 4px #1d1038}.cover-start-btn:hover{background:#3f2570;transform:translateY(-1px)}.cover-lessons-btn{color:#3a2a4f;background:#fff;border:1.5px solid #d8cdbd}.cover-lessons-btn:hover{background:#f4efe8;border-color:#baa893}.cover-start-btn:focus-visible,.cover-lessons-btn:focus-visible{outline-offset:3px;outline:3px solid #fc0}.reading-cover-hint{color:#8c7b6d;margin:.25rem 0 0;font-size:.8rem}.reading-part-cover .cover-start-btn{margin-top:.5rem}.reading-connected-card{min-height:10rem;padding:1.1rem .75rem .8rem}.reading-connected-card .reading-word-svg{width:min(100%,12rem);height:auto}.reading-connected-card .reading-word-order{color:#635243;background:#f2eee8;border-radius:999px;justify-content:center;align-items:center;min-width:1.6rem;height:1.6rem;font-size:.75rem;font-weight:800;display:inline-flex;position:static;inset:auto}.reading-connected-sub{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;display:flex}.connected-sub-chip{background:#fbf8f3;border:1px solid #e2d7c7;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.connected-sub-chip .reading-glyph-svg{width:100%;height:100%}.reading-connected-role{letter-spacing:.01em;border:1px solid #0000;border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:800}.reading-connected-role.role-focus{color:#7b4300;background:#fff4db;border-color:#fad285}.reading-connected-role.role-recent-review{color:#2e1a53;background:#efe9f7;border-color:#d8c8f0}.reading-connected-role.role-spaced-review{color:#1f6b4f;background:#e6f4ec;border-color:#bfe3cf}.focus-connected-chip{width:48px;height:48px}@media (max-width:850px){.reading-words-grid.reading-connected-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}}@media (max-width:560px){.reading-words-grid.reading-connected-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.reading-connected-card{min-height:7.75rem;padding:.6rem .25rem .45rem}.reading-connected-card .reading-word-svg{width:min(100%,6.5rem)}.connected-sub-chip{width:22px;height:22px}}