:root{--bg: #ffffff;--fg: #1a1a2e;--muted: #5b5b73;--border: #e2e2ec;--accent: #3f51b5;--correct: #2e7d32;--correct-bg: #e8f5e9;--wrong: #c62828;--wrong-bg: #ffebee;--island-bg: #f7f7fb}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #14141f;--fg: #e8e8f0;--muted: #a0a0b8;--border: #2a2a3c;--accent: #8c9eff;--correct: #81c784;--correct-bg: #1b3a1e;--wrong: #ef9a9a;--wrong-bg: #3a1b1b;--island-bg: #1c1c2a}}[data-theme=dark]{--bg: #14141f;--fg: #e8e8f0;--muted: #a0a0b8;--border: #2a2a3c;--accent: #8c9eff;--correct: #81c784;--correct-bg: #1b3a1e;--wrong: #ef9a9a;--wrong-bg: #3a1b1b;--island-bg: #1c1c2a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.65}.reader{max-width:74rem;margin:0 auto;padding:0 1.25rem 4rem}.skip-link{position:absolute;left:-999px;top:0;background:var(--accent);color:#fff;padding:.5rem .9rem;border-radius:0 0 6px;z-index:20}.skip-link:focus{left:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reader__header{position:sticky;top:0;display:flex;align-items:center;gap:.75rem;padding:.75rem 0;background:var(--bg);border-bottom:1px solid var(--border);z-index:10}.reader__brand{font-weight:700;color:var(--fg);text-decoration:none}.reader__booktitle{color:var(--muted);font-size:.9rem;border-left:1px solid var(--border);padding-left:.75rem}.reader__version{color:var(--muted);font-size:.8rem}.reader__actions{margin-left:auto;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.reader__backup-status{color:var(--muted);font-size:.78rem}.theme-toggle,.reader__reset{font-size:.8rem;padding:.3rem .7rem;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--fg);cursor:pointer}.reader__body{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:2rem;align-items:start}.reader__main{min-width:0;outline:none}.reader__main .prose,.reader__main .search-view{max-width:44rem}.sidebar{position:sticky;top:4rem;align-self:start}.sidebar__search input{width:100%;padding:.45rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg)}.sidebar__list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.15rem}.sidebar__list a{display:block;padding:.4rem .6rem;border-radius:6px;color:var(--fg);text-decoration:none;font-size:.92rem}.sidebar__list a:hover{background:var(--island-bg)}.sidebar__list a.is-active{background:var(--island-bg);border-left:3px solid var(--accent);font-weight:600}.chapter-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1rem;border-top:1px solid var(--border)}.chapter-nav a{color:var(--accent);text-decoration:none;font-size:.9rem}.search-view__list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:1.25rem}.search-view__snippet{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}@media(max-width:720px){.reader__body{grid-template-columns:1fr}.sidebar{position:static}}.shelf{outline:none}.shelf__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.shelf__import{display:flex;align-items:center;gap:.5rem}.shelf__intro{color:var(--muted)}.shelf__intro code{font-size:.9em}.shelf__grid{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem}.shelf__card{position:relative}.shelf__card a{display:block;height:100%;padding:1.1rem 1.25rem;border:1px solid var(--border);border-radius:10px;background:var(--island-bg);color:var(--fg);text-decoration:none}.shelf__card a:hover{border-color:var(--accent)}.shelf__card h2{margin:0 0 .4rem;font-size:1.15rem}.shelf__card p{margin:0 0 .6rem;color:var(--muted);font-size:.92rem}.shelf__setting{display:flex;align-items:center;gap:.6rem;margin-top:1rem;font-size:.92rem;color:var(--muted)}.shelf__setting select{padding:.3rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--island-bg);color:var(--fg)}.bookcover{display:flex;flex-direction:column;justify-content:flex-end;gap:.35rem;aspect-ratio:3 / 4;width:100%;margin-bottom:.85rem;border-radius:8px;object-fit:cover;overflow:hidden}.bookcover--generated{padding:.9rem;color:#fff;background:linear-gradient(145deg,hsl(var(--cover-hue, 210) 62% 42%),hsl(calc(var(--cover-hue, 210) + 35) 58% 28%))}.bookcover__title{font-size:1.05rem;font-weight:600;line-height:1.25}.bookcover__author{font-size:.8rem;opacity:.85}.bookcover--large{width:min(15rem,60vw);margin:0 auto 1.25rem;box-shadow:0 12px 30px #0000004d}.splash{display:grid;place-items:center;min-height:60vh;padding:2rem 1rem;text-align:center}.splash__card{animation:splash-in .32s ease-out both}@keyframes splash-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.splash__status{margin:0 0 1rem;color:var(--muted)}.splash__actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.splash__skip,.splash__library{padding:.4rem .9rem;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--fg);cursor:pointer}.splash__skip{border-color:var(--accent);color:var(--accent)}@media(prefers-reduced-motion:reduce){.splash__card{animation:none}}.shelf__meta{color:var(--accent);font-size:.8rem;font-weight:600}.shelf__badge{margin-left:.5rem;padding:.05rem .4rem;border-radius:999px;background:var(--border);color:var(--muted);font-weight:600}.shelf__delete{position:absolute;top:.6rem;right:.6rem;font-size:.72rem;padding:.2rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--muted);cursor:pointer}.island--disabled{color:var(--muted);font-size:.9rem;border-style:dashed}.reader__footer{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}.prose h1{font-size:2rem;line-height:1.2}.prose code{background:var(--island-bg);padding:.1rem .35rem;border-radius:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9em}.prose blockquote{border-left:3px solid var(--accent);margin:1rem 0;padding:.25rem 1rem;color:var(--muted)}.island{margin:1.5rem 0;border:1px solid var(--border);border-radius:10px;background:var(--island-bg);padding:1rem 1.25rem}.island--loading{min-height:4rem}.island--unknown{color:var(--muted);font-size:.9rem}.island--checkpoint{display:flex;align-items:center;gap:.6rem;cursor:pointer}.island--checkpoint.is-complete{border-color:var(--correct);background:var(--correct-bg)}.island--checkpoint input{width:1.15rem;height:1.15rem}.quiz__question{border:none;margin:0 0 1.25rem;padding:0}.quiz__prompt{font-weight:600;padding:0;margin-bottom:.5rem}.quiz__option{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;border:1px solid transparent;border-radius:6px;cursor:pointer}.quiz__option.is-selected{border-color:var(--accent)}.quiz__option.is-correct{background:var(--correct-bg);border-color:var(--correct)}.quiz__option.is-wrong{background:var(--wrong-bg);border-color:var(--wrong)}.quiz__explanation{margin:.4rem 0 0;font-size:.9rem;color:var(--muted)}.quiz__submit,.quiz__retry{margin-top:.5rem;padding:.45rem 1rem;border:none;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;font-weight:600}.quiz__result{display:flex;align-items:center;gap:1rem;margin-top:.75rem}.quiz__retry{background:transparent;color:var(--accent);border:1px solid var(--accent)}.island--video{margin-inline:0}.video__frame{position:relative;width:100%;aspect-ratio:16 / 9}.video__frame iframe,.island--video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;border-radius:8px}.island--video video{position:static}.island--video figcaption{margin-top:.5rem;color:var(--muted);font-size:.85rem}.dashboard{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0;padding:.75rem 1rem;border:1px solid var(--border);border-radius:10px;background:var(--island-bg);font-size:.9rem}.dashboard__stat strong{color:var(--accent)}.island--flashcard{display:flex;flex-direction:column;align-items:stretch;gap:.6rem}.flashcard__card{display:flex;flex-direction:column;gap:.5rem;min-height:6rem;padding:1.25rem;border:1px dashed var(--accent);border-radius:10px;background:var(--bg);color:var(--fg);cursor:pointer;text-align:center;font-size:1.05rem}.flashcard__hint{color:var(--muted);font-size:.8rem}.flashcard__grades{display:flex;gap:.5rem}.flashcard__grades button{flex:1;padding:.4rem .6rem;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--fg);cursor:pointer}.flashcard__reps{margin:0;color:var(--muted);font-size:.85rem}.island--audio audio{width:100%;margin-top:.5rem}.island--audio figcaption{color:var(--muted);font-size:.85rem}.matching__columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.matching__col{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.matching__item{width:100%;padding:.5rem .7rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);cursor:pointer;text-align:left}.matching__item.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.matching__item.is-matched{background:var(--correct-bg);border-color:var(--correct);cursor:default}.matching__item.is-wrong{background:var(--wrong-bg);border-color:var(--wrong)}.matching__status{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.75rem;font-size:.9rem}.matching__reset{padding:.35rem .8rem;border:1px solid var(--accent);border-radius:6px;background:transparent;color:var(--accent);cursor:pointer}