:root{--font-sans:Inter, "Noto Serif Ethiopic", system-ui, sans-serif;--font-serif:"Source Serif 4", "Noto Serif Ethiopic", Georgia, serif;--font-ethiopic:"Noto Serif Ethiopic", "Abyssinica SIL", serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:9999px;--topbar-height:56px;--line-height-ethiopic:1.82;--line-height-english:1.68;--crimson:#841818;--crimson-hover:#6a1212;--crimson-subtle:#84181814;--crimson-border:#84181838;--gold:#c89524;--gold-hover:#ac7d19;--gold-text:#8a6410;--gold-subtle:#c895241f;--gold-border:#c8952459;--emerald:#1b6e41;--emerald-subtle:#1b6e411a;--emerald-border:#1b6e4140;--blue:#1f3a5f;--clergy:#5b3a8c;--clergy-subtle:#f0eaf8;--clergy-border:#5b3a8c4d;--danger:#b42318;--bg-app:#fcf9f2;--bg-sidebar:#f5ede0;--bg-sidebar-hover:#ebe0cf;--bg-sidebar-active:#dfd2be;--bg-topbar:#fcf9f2e0;--bg-surface:#fff;--bg-surface-raised:#fbf7ee;--bg-surface-sunken:#f1ebd8;--border-subtle:#e8decc;--border-strong:#d2c4aa;--border-focus:#c89524;--text-main:#1d1815;--text-muted:#5e5345;--text-faint:#8e806e;--teacher-bg:#fffbf0;--teacher-border:#d4a73b;--panel-objectives:#f7efdd;--panel-think:#f3eee4;--panel-activity:#e5efe8;--panel-verse:#e6ecf4;--panel-keys:#f4e8c6;--book-1:#841818;--book-2:#1f3a5f;--book-3:#1b6e41;--book-4:#8a6410;--book-5:#5b2a6e;--book-6:#2f5d62;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000012;--shadow-lg:0 12px 28px #0000001c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--crimson:#d44d4d;--crimson-hover:#e86363;--crimson-subtle:#d44d4d29;--crimson-border:#d44d4d59;--gold:#dfb23e;--gold-hover:#eed065;--gold-text:#e2bd6a;--gold-subtle:#dfb23e29;--gold-border:#dfb23e59;--emerald:#38a368;--emerald-subtle:#38a36826;--emerald-border:#38a36852;--blue:#9db8dc;--clergy:#c9b2f0;--clergy-subtle:#2b2140;--clergy-border:#c9b2f059;--danger:#f08a80;--bg-app:#121316;--bg-sidebar:#17181d;--bg-sidebar-hover:#22242a;--bg-sidebar-active:#2a2d35;--bg-topbar:#121316e0;--bg-surface:#1d1f25;--bg-surface-raised:#242730;--bg-surface-sunken:#15161a;--border-subtle:#2d313b;--border-strong:#3e4452;--border-focus:#e5bd50;--text-main:#f4efe6;--text-muted:#aba294;--text-faint:#746d62;--teacher-bg:#221e16;--teacher-border:#c9932d;--panel-objectives:#2a2620;--panel-think:#25241f;--panel-activity:#1f2a23;--panel-verse:#1e2530;--panel-keys:#2d2818;--book-1:#d4605a;--book-2:#9db8dc;--book-3:#5fbf8a;--book-4:#d9ad4f;--book-5:#c49ad6;--book-6:#7fc0c6;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 14px #0000008c;--shadow-lg:0 14px 34px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--crimson:#d44d4d;--crimson-hover:#e86363;--crimson-subtle:#d44d4d29;--crimson-border:#d44d4d59;--gold:#dfb23e;--gold-hover:#eed065;--gold-text:#e2bd6a;--gold-subtle:#dfb23e29;--gold-border:#dfb23e59;--emerald:#38a368;--emerald-subtle:#38a36826;--emerald-border:#38a36852;--blue:#9db8dc;--clergy:#c9b2f0;--clergy-subtle:#2b2140;--clergy-border:#c9b2f059;--danger:#f08a80;--bg-app:#121316;--bg-sidebar:#17181d;--bg-sidebar-hover:#22242a;--bg-sidebar-active:#2a2d35;--bg-topbar:#121316e0;--bg-surface:#1d1f25;--bg-surface-raised:#242730;--bg-surface-sunken:#15161a;--border-subtle:#2d313b;--border-strong:#3e4452;--border-focus:#e5bd50;--text-main:#f4efe6;--text-muted:#aba294;--text-faint:#746d62;--teacher-bg:#221e16;--teacher-border:#c9932d;--panel-objectives:#2a2620;--panel-think:#25241f;--panel-activity:#1f2a23;--panel-verse:#1e2530;--panel-keys:#2d2818;--book-1:#d4605a;--book-2:#9db8dc;--book-3:#5fbf8a;--book-4:#d9ad4f;--book-5:#c49ad6;--book-6:#7fc0c6;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 14px #0000008c;--shadow-lg:0 14px 34px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.chapter-title{color:var(--crimson);margin:6px 0 24px;font-size:clamp(1.6rem,4vw,2.1rem)}.prose{font-size:var(--reading-size);overflow-wrap:anywhere;line-height:1.68}.prose[data-lang=am]{font-family:Noto Serif Ethiopic,serif;line-height:1.82}.prose h2.section,.prose h2.end-heading{color:var(--blue);border-bottom:1px solid var(--gold-border);margin:32px 0 12px;padding-bottom:6px;font-size:1.35rem}.prose h2.end-heading{color:var(--crimson)}.prose h3{color:var(--crimson);margin:22px 0 8px;font-size:1.1rem}.prose h4.exercise-head{color:var(--crimson);margin:18px 0 8px;font-size:1rem}.page-badge{vertical-align:middle;color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:999px;margin-inline-start:10px;padding:1px 8px;font-family:Inter,Noto Serif Ethiopic,system-ui,sans-serif;font-size:.72rem;font-weight:500;display:inline-block}.prose p{margin:0 0 12px}.bullets{margin:0 0 12px;padding-inline-start:1.3rem}.bullets li{margin-bottom:6px}.bullets li::marker{color:var(--crimson)}.bullets li.subbullet{margin-inline-start:1.2rem;list-style-type:circle}.bullets li.subbullet::marker{color:var(--gold)}.panel{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);margin:18px 0;padding:14px 18px}.panel .panel-label{letter-spacing:.06em;text-transform:uppercase;color:var(--crimson);margin:0 0 8px;font-family:Inter,Noto Serif Ethiopic,system-ui,sans-serif;font-size:.82rem;font-weight:700}.panel.objectives{background:var(--panel-objectives)}.panel.think{background:var(--panel-think)}.panel.activity{background:var(--panel-activity)}.panel.activity .panel-label{color:var(--emerald)}.panel.verse{background:var(--panel-verse);text-align:center}.panel.verse .panel-label{color:var(--blue)}.panel.verse p{color:var(--blue);font-size:1.12rem;font-style:italic}.panel.keys{background:var(--panel-keys);columns:2 16rem;column-gap:24px;font-size:.95rem}.panel.keys .panel-label{column-span:all}.panel.keys .key-term{color:var(--blue);break-after:avoid;margin:0;font-family:Inter,Noto Serif Ethiopic,system-ui,sans-serif;font-weight:700}.panel.keys .key_def{break-inside:avoid;margin:0 0 10px}figure{text-align:center;margin:22px auto}figure img{object-fit:contain;border-radius:10px;width:auto;max-height:520px}figure.tall img{max-height:440px}figcaption,.caption{color:var(--blue);margin-top:6px;font-family:Inter,Noto Sans Ethiopic,system-ui,sans-serif;font-size:.85rem}.table-wrap{margin:18px 0;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}caption{color:var(--blue);margin-bottom:6px;font-family:Inter,Noto Serif Ethiopic,system-ui,sans-serif;font-size:.85rem}th,td{border:1px solid var(--gold-border);text-align:start;vertical-align:top;padding:6px 10px}th{background:var(--panel-verse);color:var(--crimson);font-family:Inter,Noto Serif Ethiopic,system-ui,sans-serif;font-size:.88rem}.cell-am{font-family:Noto Serif Ethiopic,serif;font-size:1.15em;display:block}.cell-reading{color:var(--text-muted);font-family:Inter,system-ui,sans-serif;font-size:.8em;display:block}tr:nth-child(2n) td{background:var(--panel-objectives)}.sound-out{color:var(--text-muted);overflow-wrap:anywhere;margin-top:.3rem;font-family:Inter,Noto Serif Ethiopic,system-ui,sans-serif;font-size:.86em;font-style:normal;font-weight:400;line-height:1.7;display:block}.so-word{font:inherit;color:var(--text-main);border:none;border-bottom:1px dotted var(--text-muted);background:0 0;min-height:0;margin:0;padding:0}.so-word:hover,.so-word:focus-visible{color:var(--crimson);border-bottom-color:var(--crimson);outline:none}.letters-sheet{background:var(--bg-surface-raised);width:min(36rem,100vw - 2rem);max-height:70vh;color:var(--text-main);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);z-index:1200;border-radius:14px;padding:1rem 1rem 1.1rem;font-family:Noto Serif Ethiopic,serif;line-height:1.4;position:fixed;bottom:1rem;left:50%;overflow-y:auto;transform:translate(-50%)}.letters-sheet-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.letters-sheet-word{color:var(--crimson);font-size:2rem;font-weight:700}.letters-sheet-reading{font-family:Inter,Noto Serif Ethiopic,system-ui,sans-serif;font-size:1.1rem}.letters-sheet-close{color:var(--text-muted);background:0 0;border:none;min-width:44px;font-size:1.3rem}.letter-tiles{flex-wrap:wrap;gap:.5rem;margin:.8rem 0 .4rem;display:flex}.letter-tile{text-align:center;border:1px solid var(--border-subtle);background:0 0;border-radius:10px;min-width:4.2rem;padding:.4rem .5rem}.letter-tile.active{border-color:var(--crimson);box-shadow:0 0 0 1px var(--crimson)}.letter-tile-fidel{font-size:1.7rem;line-height:1.2}.letter-tile-sound{font-family:Inter,Noto Serif Ethiopic,system-ui,sans-serif;font-size:.95rem;font-weight:600}.letter-tile-order{color:var(--text-muted);font-size:.72rem}.letter-row{grid-template-columns:repeat(7,1fr);gap:.25rem;margin-top:.4rem;display:grid}.letter-row div{text-align:center;border-radius:8px;padding:.3rem 0;font-size:1.25rem}.letter-row div small{color:var(--text-muted);font-family:Inter,Noto Serif Ethiopic,system-ui,sans-serif;font-size:.68rem;display:block}.letter-row div.current{background:var(--crimson);color:#fff}.letter-row div.current small{color:#fff}.letters-sheet-note{color:var(--text-muted);margin-top:.7rem;font-size:.75rem}.prose h2.section,.prose h2.end-heading{scroll-margin-top:calc(var(--appbar-h) + 16px)}.ethiopic{color:var(--text-main);margin-bottom:.25rem;font-family:Noto Serif Ethiopic,"Source Serif 4",Georgia,serif;font-size:1.08em;display:block}.ethiopic .sound-out{margin-top:.15rem}.hint{font-family:var(--sans);color:var(--text-muted);margin:-.2rem 0 .8rem;font-size:.86rem;font-style:italic}.panel.teacher{background:var(--teacher-bg);border-color:var(--teacher-border)}.panel.teacher .panel-label{color:var(--gold-text)}.paired .pair-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 32px;display:grid}.paired .pair-row.single{grid-template-columns:minmax(0,1fr)}.paired .pair-row>.prose[data-lang=en]{border-inline-start:1px solid var(--border-subtle);padding-inline-start:24px}.paired .pair-row>.prose>:first-child{margin-top:0}.paired .pair-row>.prose>h2{margin-top:28px}@media (width<=760px){.paired .pair-row{grid-template-columns:minmax(0,1fr)}.paired .pair-row>.prose[data-lang=en]{padding-inline-start:0;color:var(--text-muted);border-inline-start:0;padding-bottom:6px}.paired .pair-row>.prose[data-lang=en] h2{border-bottom:0;margin-top:4px;font-size:1.05rem}}:root{--text:var(--text-main);--muted:var(--text-muted);--border:var(--border-subtle);--bg-sunken:var(--bg-surface-sunken);--radius:var(--radius-lg);--radius-sm:10px;--shadow:var(--shadow-md);--sans:Inter, "Noto Serif Ethiopic", system-ui, sans-serif;--serif:"Noto Serif Ethiopic", "Source Serif 4", Georgia, serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--appbar-h:56px;--reading-size:1.06rem;color:var(--text);background:var(--bg-app);font-family:"Source Serif 4",Noto Serif Ethiopic,Georgia,serif}:root[data-text=s]{--reading-size:.98rem}:root[data-text=l]{--reading-size:1.22rem}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg-app);-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}body.sheet-open{overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;min-height:44px}button:disabled{cursor:not-allowed}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}[tabindex="-1"]:focus{outline:none}h1,h2,h3,h4{font-family:var(--serif);line-height:1.35}.icon{flex:none}.mark{border-radius:22%;flex:none;display:block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--crimson);color:#fff;border-radius:var(--radius-sm);padding:10px 14px;position:absolute;top:-60px;left:8px}.skip:focus{top:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-family:var(--sans);border:1px solid #0000;padding:10px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn.primary{background:var(--crimson);color:#fff}:root[data-theme=dark] .btn.primary{color:#1a0d0c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn.primary{color:#1a0d0c}}.btn.primary:hover:not(:disabled){background:var(--crimson-hover)}.btn.secondary{background:var(--bg-surface);border-color:var(--border-strong);color:var(--text)}.btn.secondary:hover:not(:disabled){background:var(--bg-surface-raised)}.btn.danger-btn{border-color:var(--danger);color:var(--danger);background:0 0}.btn.danger-btn:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 10%, transparent)}.btn:disabled{opacity:.5}.btn.wide{width:100%}.icon-btn{width:44px;height:44px;color:var(--text);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--crimson-subtle)}.icon-btn:disabled{opacity:.35}.link-btn{color:var(--muted);font-family:var(--sans);background:0 0;border:0;align-items:center;gap:6px;padding:0 4px;font-size:.85rem;display:inline-flex}.link-btn:hover{color:var(--crimson)}.appbar{z-index:30;background:color-mix(in srgb, var(--bg-app) 90%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.appbar-row{height:var(--appbar-h);align-items:center;gap:var(--space-2);padding:0 var(--space-2) 0 var(--space-2);max-width:1280px;margin:0 auto;display:flex}.appbar-home{border-radius:var(--radius-sm);background:0 0;border:0;place-items:center;padding:0 6px;display:grid}.appbar-title{min-width:0;font-family:var(--serif);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:1.02rem;font-weight:600;overflow:hidden}.appbar-brand{color:var(--crimson);font-weight:700}.appbar-actions{align-items:center;gap:2px;display:flex}.appbar-progress{background:var(--gold);transform-origin:0;height:3px;transition:transform .1s linear}.avatar{background:var(--crimson);color:#fff;width:36px;height:36px;min-height:36px;font-family:var(--sans);box-shadow:0 0 0 2px var(--bg-app), 0 0 0 3px var(--gold-border);border:0;border-radius:50%;place-items:center;margin:4px;font-size:.85rem;font-weight:600;display:inline-grid}.avatar.large{width:48px;height:48px;margin:0;font-size:1.05rem}.avatar.xl{flex:none;width:64px;height:64px;margin:0;font-size:1.4rem}.offline{background:var(--bg-sunken);color:var(--muted);font-family:var(--sans);justify-content:center;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;display:flex}.scrim{z-index:60;background:#0f0a086b;justify-content:center;align-items:flex-end;animation:.15s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--bg-surface);color:var(--text);width:100%;max-height:86vh;padding:var(--space-2) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);border-radius:20px 20px 0 0;animation:.2s ease-out rise;overflow-y:auto}.sheet-grip{background:var(--border-strong);border-radius:4px;width:40px;height:4px;margin:4px auto 8px}.sheet-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.sheet-title{margin:0;font-size:1.15rem}.sheet-actions{margin-top:var(--space-4);justify-content:flex-end;display:flex}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@media (width>=720px){.scrim{align-items:center}.sheet{width:min(520px,100vw - 32px);padding:var(--space-4) var(--space-5) var(--space-5);border-radius:18px}.sheet .sheet-grip{display:none}.scrim-menu{background:#0f0a081f;justify-content:flex-end;align-items:flex-start}.sheet-menu{width:320px;margin:calc(var(--appbar-h) + 4px) 12px 0 0;padding:var(--space-4)}}.menu-head{gap:var(--space-3);padding:var(--space-2) 0 var(--space-3);border-bottom:1px solid var(--border);align-items:center;display:flex}.menu-who{min-width:0}.menu-name{font-weight:700;font-family:var(--serif);margin:0}.menu-email{color:var(--muted);font-family:var(--sans);overflow-wrap:anywhere;margin:0;font-size:.85rem}.menu-lang{align-items:center;gap:var(--space-2);padding:var(--space-3) 0;color:var(--muted);border-bottom:1px solid var(--border);display:flex}.menu-list{padding-top:var(--space-2);flex-direction:column;display:flex}.menu-list button{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);text-align:start;font-family:var(--sans);background:0 0;border:0;padding:10px 8px;font-size:.97rem;display:flex}.menu-list button:hover{background:var(--crimson-subtle)}.notice-text{margin:0;line-height:1.6}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-5)}.card-title{margin:0 0 var(--space-3);align-items:center;gap:var(--space-2);font-size:1.1rem;display:flex}.seg{border:1px solid var(--border-strong);background:var(--bg-surface);border-radius:999px;flex-wrap:nowrap;max-width:100%;display:inline-flex;overflow:hidden}.seg button{font-family:var(--sans);white-space:nowrap;background:0 0;border:0;padding:8px 14px;font-size:.9rem}.seg button[lang=am]{font-family:var(--serif)}.seg button[aria-checked=true]{background:var(--crimson);color:#fff}:root[data-theme=dark] .seg button[aria-checked=true]{color:#1a0d0c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .seg button[aria-checked=true]{color:#1a0d0c}}.progress{background:var(--bg-sunken);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:var(--emerald);border-radius:999px;height:100%;transition:width .4s}.skeleton{background:linear-gradient(90deg, var(--bg-sunken), var(--bg-surface-raised), var(--bg-sunken));background-size:200% 100%;border-radius:7px;height:14px;margin:10px 0;animation:1.3s infinite shimmer}.skeleton-card{margin-bottom:var(--space-4)}.skeleton-block{margin:var(--space-5) 0}@keyframes shimmer{to{background-position:-200% 0}}.state-card{text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.state-card p{margin:0}.state-title{margin:0;font-size:1.3rem}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));opacity:0;pointer-events:none;background:var(--text);color:var(--bg-app);font-family:var(--sans);z-index:80;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:.92rem;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,20px)}.toast:not(:empty){opacity:1;transform:translate(-50%)}.splash{place-items:center;min-height:100vh;display:grid}.eyebrow{font-family:var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--gold-text);margin:0;font-size:.74rem;font-weight:600}:root:lang(am) .eyebrow{text-transform:none;letter-spacing:.02em;font-size:.82rem}.note{color:var(--muted);font-size:.95rem}.note.small{font-size:.85rem}.error{color:var(--danger);font-family:var(--sans);font-size:.92rem}.success{color:var(--emerald);font-family:var(--sans);align-items:center;gap:6px;display:flex}.field-help{color:var(--muted);font-family:var(--sans);margin:6px 0 0;font-size:.82rem}.center{text-align:center}label{font-family:var(--sans);margin:14px 0 6px;font-size:.9rem;font-weight:500;display:block}input,select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);width:100%;min-height:46px;padding:10px 12px;font-size:1rem}input:focus{border-color:var(--gold);outline:2px solid var(--gold-subtle)}.divider{border:0;border-top:1px solid var(--border);margin:var(--space-5) 0 var(--space-4)}.page{width:100%;max-width:1080px;padding:var(--space-5) var(--space-4) 64px;margin:0 auto}.page.narrow{max-width:720px}.greeting{color:var(--crimson);margin:0;font-size:clamp(1.6rem,4.5vw,2.1rem)}.lead{color:var(--muted);margin:6px 0 var(--space-5)}.section-title{margin:var(--space-6) 0 var(--space-3);font-size:1.15rem}.footnote{margin-top:var(--space-6);text-align:center}.continue{gap:var(--space-4);border-color:var(--gold-border);background:linear-gradient(135deg, var(--bg-surface), var(--bg-surface-raised));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.continue-art{color:#fff;background:var(--book-color,var(--crimson));border-radius:16px;place-items:center;width:64px;height:64px;display:grid}.continue-body{min-width:0}.continue-chapter{overflow-wrap:anywhere;margin:4px 0 2px;font-size:1.2rem}.continue-book{color:var(--muted);font-family:var(--sans);margin:0;font-size:.88rem}.done-card{gap:var(--space-2);color:var(--emerald);align-items:center;display:flex}[data-book="1"]{--book-color:var(--book-1)}[data-book="2"]{--book-color:var(--book-2)}[data-book="3"]{--book-color:var(--book-3)}[data-book="4"]{--book-color:var(--book-4)}[data-book="5"]{--book-color:var(--book-5)}[data-book="6"]{--book-color:var(--book-6)}.book-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.book-card{gap:var(--space-2);text-align:start;padding:var(--space-5) var(--space-5) var(--space-3);flex-direction:column;transition:box-shadow .15s;display:flex;position:relative;overflow:hidden}.book-card:hover{box-shadow:var(--shadow-lg)}.book-card .book-title{margin:0}.book-open{gap:var(--space-2);text-align:start;color:var(--text);padding:var(--space-2) 0 0;border-radius:var(--radius-sm);background:0 0;border:0;flex-direction:column;flex:1;margin-top:2px;display:flex}.book-open .book-count{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.book-open .book-count .icon{color:var(--crimson)}.book-topic{font-family:var(--serif);color:var(--text);font-size:.95rem;font-style:italic}.book-topic.large{margin:-8px 0 var(--space-3);color:var(--muted);font-size:1.05rem}.levels{margin:2px 0 var(--space-2);flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.level{border:1.5px solid var(--border-strong);background:var(--bg-surface);min-width:36px;height:32px;min-height:32px;font-family:var(--sans);color:var(--text);border-radius:999px;justify-content:center;align-items:center;gap:3px;padding:0 10px;font-size:.85rem;font-weight:600;display:inline-flex}.level.done{background:var(--emerald-subtle);border-color:var(--emerald);color:var(--emerald)}.level.locked{color:var(--muted);background:var(--bg-sunken);border-style:dashed}.level[aria-current=true]{border-color:var(--book-color,var(--crimson));box-shadow:0 0 0 2px color-mix(in srgb, var(--book-color,var(--crimson)) 25%, transparent)}.book-head .levels{margin-bottom:var(--space-4)}.book-band{background:var(--book-color);height:6px;position:absolute;inset:0 0 auto}.book-title{font-family:var(--serif);overflow-wrap:anywhere;font-size:1.08rem;font-weight:700;line-height:1.35}.book-meta{min-height:1.4em;font-family:var(--sans);color:var(--muted);font-size:.85rem}.book-next{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.book-count{font-family:var(--sans);color:var(--muted);margin:0;font-size:.8rem}.book-card .progress,.book-head .progress{margin-top:auto}.done-chip{color:var(--emerald);align-items:center;gap:4px;font-weight:600;display:inline-flex}.book-head{padding:var(--space-5) 0 var(--space-4);position:relative}.book-head .book-band{width:48px;height:6px;margin-bottom:var(--space-3);border-radius:3px;display:block;position:static}.book-heading{margin:0 0 var(--space-4);font-size:clamp(1.4rem,4vw,1.9rem)}.book-head .book-count{margin-top:8px}.celebrate{gap:var(--space-3);color:var(--gold-text);border-color:var(--gold-border);background:var(--gold-subtle);margin-bottom:var(--space-4);align-items:center;display:flex}.celebrate p{color:var(--text);margin:0}.celebrate .celebrate-title{color:var(--gold-text);font-weight:700}.path{margin:var(--space-2) 0 0;padding:0;list-style:none;position:relative}.path:before{content:"";background:var(--border);width:2px;position:absolute;top:24px;bottom:24px;left:27px}.path-step{margin-bottom:var(--space-3);position:relative}.path-btn{gap:var(--space-3);text-align:start;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:var(--space-3) var(--space-3) var(--space-3) 9px;box-shadow:var(--shadow);color:var(--text);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;display:grid}.path-btn:hover:not(:disabled){border-color:var(--gold-border)}.path-btn[aria-current=step]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), var(--shadow)}.path-btn:disabled{background:var(--bg-surface-raised);box-shadow:none;color:var(--muted)}.path-dot{width:36px;height:36px;font-family:var(--sans);background:var(--crimson-subtle);color:var(--crimson);z-index:1;border-radius:50%;place-items:center;font-size:.9rem;font-weight:600;display:grid;position:relative}.completed .path-dot{background:var(--emerald);color:#fff}.unlocked .path-dot{background:var(--crimson);color:#fff}.locked .path-dot{background:var(--bg-sunken);color:var(--muted)}.path-text{flex-direction:column;min-width:0;display:flex}.path-num{font-family:var(--sans);color:var(--muted);font-size:.75rem}.path-title{font-family:var(--serif);overflow-wrap:anywhere;font-size:1.02rem;font-weight:600}.path-status{font-family:var(--sans);color:var(--muted);font-size:.82rem}.completed .path-status{color:var(--emerald)}.reader-layout{grid-template-columns:minmax(0,1fr);max-width:1280px;margin:0 auto;display:grid}.reader-side{display:none}.reader-main{min-width:0;padding:var(--space-5) var(--space-4) 96px}.reading{max-width:760px;margin:0 auto}@media (width>=1024px){.reader-layout{grid-template-columns:280px minmax(0,1fr)}.reader-side{top:calc(var(--appbar-h) + 3px);max-height:calc(100vh - var(--appbar-h) - 3px);padding:var(--space-5) var(--space-3) var(--space-5) var(--space-4);border-right:1px solid var(--border);align-self:start;display:block;position:sticky;overflow-y:auto}.hide-wide{display:none!important}}.side-title{font-family:var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 var(--space-2) 8px;font-size:.78rem;font-weight:600}.contents{margin:0;padding:0;list-style:none}.contents button{justify-content:space-between;gap:var(--space-2);text-align:start;border-radius:var(--radius-sm);width:100%;font-family:var(--serif);color:var(--text);background:0 0;border:0;border-left:3px solid #0000;align-items:baseline;padding:8px 10px;font-size:.95rem;display:flex}.contents button:hover{background:var(--crimson-subtle)}.contents button[aria-current=location]{background:var(--gold-subtle);border-left-color:var(--gold);font-weight:600}.contents-page{font-family:var(--sans);color:var(--muted);white-space:nowrap;font-size:.75rem}.settings-list{gap:var(--space-4);flex-direction:column;display:flex}.setting{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.setting-label{font-family:var(--sans);font-weight:500}.switch-row{justify-content:space-between;align-items:center;gap:var(--space-3);cursor:pointer;margin:0;display:flex}.switch-text{flex-direction:column;gap:2px;display:flex}.switch-label{font-weight:500}.switch-help{color:var(--muted);font-size:.82rem;font-weight:400}.switch{appearance:none;background:var(--border-strong);cursor:pointer;border:0;border-radius:999px;width:48px;min-width:48px;height:28px;min-height:28px;padding:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch:checked{background:var(--emerald)}.switch:checked:after{transform:translate(20px)}.finish{margin-top:40px}.finish h2{margin-top:0}.finish-score{color:var(--emerald);font-family:var(--sans);align-items:center;gap:6px;font-weight:600;display:flex}.finish-actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.finish-actions.center{justify-content:center}.quiz-page{padding-bottom:120px}.question-card{min-height:50vh}.q-prompt{margin:6px 0 var(--space-4);overflow-wrap:anywhere;font-size:clamp(1.15rem,3.4vw,1.4rem)}.choices{gap:var(--space-2);flex-direction:column;display:flex}.choices .note{margin:0 0 4px}.choice{gap:var(--space-3);text-align:start;border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);background:var(--bg-surface);width:100%;color:var(--text);align-items:center;padding:12px 14px;font-size:1.02rem;display:flex}.choice:hover{border-color:var(--gold)}.choice[aria-checked=true]{border-color:var(--crimson);background:var(--crimson-subtle)}.choice-key{background:var(--bg-sunken);width:28px;height:28px;font-family:var(--sans);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:600;display:grid}.choice[aria-checked=true] .choice-key{background:var(--crimson);color:#fff}.matching .note{margin-top:0}.match-lefts{margin:0 0 var(--space-4);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.match-left{text-align:start;border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);background:var(--bg-surface);width:100%;color:var(--text);flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;display:flex}.match-left.active{border-color:var(--crimson);box-shadow:0 0 0 2px var(--crimson-subtle)}.match-left.paired{background:var(--emerald-subtle)}.match-term{font-weight:600}.match-answer{font-family:var(--sans);color:var(--muted);font-size:.86rem}.match-left.paired .match-answer{color:var(--emerald)}.match-rights{gap:var(--space-2);padding-top:var(--space-3);border-top:1px dashed var(--border-strong);flex-wrap:wrap;display:flex}.match-right{border:1.5px solid var(--gold-border);background:var(--gold-subtle);text-align:start;color:var(--text);border-radius:999px;padding:8px 14px}.match-right[aria-pressed=true]{background:var(--crimson);border-color:var(--crimson);color:#fff}.match-right:disabled{opacity:.5}.order-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.order-item{align-items:center;gap:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);padding:4px 4px 4px 10px;display:flex}.order-num{background:var(--crimson-subtle);width:26px;height:26px;color:var(--crimson);font-family:var(--sans);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:600;display:grid}.order-text{overflow-wrap:anywhere;flex:1;min-width:0}.blank{margin:0;font-weight:400}.blank input{margin-top:6px;font-size:1.05rem}.review-list{margin:var(--space-3) 0 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.review-item{column-gap:var(--space-3);text-align:start;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);width:100%;color:var(--text);grid-template-rows:auto auto;grid-template-columns:28px minmax(0,1fr);padding:10px 12px;display:grid}.review-item.todo{border-color:var(--crimson);background:var(--crimson-subtle)}.review-num{background:var(--bg-sunken);width:28px;height:28px;font-family:var(--sans);border-radius:50%;grid-row:span 2;place-items:center;font-size:.85rem;font-weight:600;display:grid}.review-text{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.review-state{font-family:var(--sans);color:var(--muted);align-items:center;gap:4px;font-size:.8rem;display:inline-flex}.review-item.done .review-state{color:var(--emerald)}.review-item.todo .review-state{color:var(--crimson);font-weight:600}.quiz-bar{z-index:25;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4) calc(var(--space-2) + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg-app) 92%, transparent);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border);display:flex;position:fixed;bottom:0;left:0;right:0}.quiz-dots{flex-wrap:wrap;justify-content:center;gap:5px;min-width:0;display:flex}.dot{background:var(--border-strong);border-radius:50%;width:8px;height:8px}.dot.done{background:var(--emerald)}.dot.now{outline:2px solid var(--crimson);outline-offset:1px}.result-card{text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.result-card p{margin:0}.result-title{margin:var(--space-2) 0 0;font-size:1.6rem}.result-count{font-family:var(--sans);color:var(--muted)}.score-ring .ring-track{fill:none;stroke:var(--bg-sunken);stroke-width:10px}.score-ring .ring-fill{fill:none;stroke:var(--gold);stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .8s}.score-ring.pass .ring-fill{stroke:var(--emerald)}.score-ring .ring-text{font-family:var(--sans);fill:var(--text);font-size:24px;font-weight:700}.read-again{text-align:start;width:100%;margin-top:var(--space-3)}.read-again-title{margin:0 0 var(--space-2);font-size:1rem}.read-again ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.place-btn{align-items:center;gap:var(--space-2);text-align:start;border:1px solid var(--gold-border);background:var(--gold-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text);justify-content:space-between;padding:10px 12px;display:flex}.place-btn span:first-child{flex:1;min-width:0}.me .card{margin-bottom:var(--space-4)}.profile-card{gap:var(--space-4);align-items:center;display:flex}.profile-name{overflow-wrap:anywhere;margin:0;font-size:1.35rem}.profile-email{color:var(--muted);font-family:var(--sans);overflow-wrap:anywhere;margin:2px 0 0;font-size:.9rem}.inline-form label{margin-top:0}.inline-row{gap:var(--space-2);display:flex}.inline-row input{flex:1;min-width:0}.danger{border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}.danger .card-title{color:var(--danger)}.me form .btn{margin-top:var(--space-4)}.me .finish-actions .btn{margin-top:0}.welcome{background:radial-gradient(1200px 500px at 50% -10%, var(--gold-subtle), transparent 70%), var(--bg-app);flex-direction:column;min-height:100vh;display:flex}.welcome-top{padding:var(--space-3) var(--space-4);justify-content:flex-end;display:flex}.welcome-main{width:100%;max-width:440px;padding:var(--space-2) var(--space-4) var(--space-6);flex:1;margin:0 auto}.welcome-hero{text-align:center;margin-bottom:var(--space-5)}.welcome-title{color:var(--crimson);margin:var(--space-3) 0 var(--space-2);font-size:clamp(1.5rem,5vw,1.9rem)}.welcome-tagline{color:var(--muted);margin:0}.auth-card{padding:var(--space-4) var(--space-5) var(--space-5)}.tabs{background:var(--bg-sunken);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.tabs button{font-family:var(--sans);color:var(--muted);background:0 0;border:0;border-radius:9px;font-size:.92rem;font-weight:600}.tabs button[aria-selected=true]{background:var(--bg-surface);color:var(--crimson);box-shadow:var(--shadow)}.password-field{position:relative}.password-field input{padding-right:52px}.password-field .icon-btn{color:var(--muted);position:absolute;top:50%;right:2px;transform:translateY(-50%)}.turnstile{margin:var(--space-4) 0 var(--space-2);max-width:100%;min-height:65px;overflow:hidden}.auth-card .btn.wide{margin-top:var(--space-3)}@media (width<=640px){.page{padding:var(--space-4) var(--space-4) 56px}.card{padding:var(--space-4)}.continue{grid-template-columns:auto minmax(0,1fr)}.continue .btn{grid-column:1/-1}.continue-art{border-radius:14px;width:52px;height:52px}.book-grid{grid-template-columns:minmax(0,1fr)}.panel.keys{columns:1}.quiz-bar .btn{padding:10px 12px}.quiz-dots{display:none}.profile-card{gap:var(--space-3)}}