:root{--bg:#ffffff;--fg:#1a1a1a;--muted:#5b5b5b;--border:#e3e3e3;--accent:#1b5e9c;--accent-fg:#ffffff;--card:#f7f7f5;--reader-max:38rem}:root[data-theme=dark],:root[data-theme=sepia]{color-scheme:dark}:root[data-theme=dark]{--bg:#121212;--fg:#e8e8e8;--muted:#a2a2a2;--border:#2c2c2c;--accent:#6db3f2;--accent-fg:#10233a;--card:#1c1c1c}:root[data-theme=sepia]{--bg:#f4ecd8;--fg:#3b3222;--muted:#6b5f47;--border:#ddceac;--accent:#8a5a24;--accent-fg:#fff8ec;--card:#efe4c8;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#121212;--fg:#e8e8e8;--muted:#a2a2a2;--border:#2c2c2c;--accent:#6db3f2;--accent-fg:#10233a;--card:#1c1c1c;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:var(--accent)}.container{max-width:60rem;margin:0 auto;padding:1.5rem 1.25rem 4rem}.site-header{border-bottom:1px solid var(--border)}.site-header .inner{max-width:60rem;margin:0 auto;padding:.9rem 1.25rem;display:flex;align-items:baseline;gap:.75rem}.site-header .brand{font-weight:700;font-size:1.1rem;color:var(--fg);text-decoration:none}.site-header .tagline{color:var(--muted);font-size:.85rem}.site-header .site-nav{margin-left:auto;font-size:.9rem}.site-header .site-nav a{color:var(--fg);text-decoration:none}.site-header .site-nav a:hover{text-decoration:underline}.collection{margin-top:2.5rem}.collection h2{font-size:1.15rem;margin-bottom:.25rem}.catalog-search{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:1.5rem 0 .5rem}.catalog-search label{font-size:.85rem;color:var(--muted);width:100%}.catalog-search input{flex:1 1 16rem;padding:.55rem .75rem;background:var(--bg);font-size:1rem}.catalog-search button,.catalog-search input{border:1px solid var(--border);border-radius:8px;color:var(--fg)}.catalog-search button{padding:.5rem .8rem;background:transparent;cursor:pointer}.catalog-count{color:var(--muted);font-size:.9rem;margin:.25rem 0 .5rem}.book-linklist{margin-top:2.5rem}.book-linklist h2{font-size:1.1rem}.book-linklist ul{list-style:none;padding:0;margin:.5rem 0 0}.book-linklist li{padding:.4rem 0;border-bottom:1px solid var(--border)}.book-linklist .by{color:var(--muted);font-size:.9rem}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));grid-gap:1.25rem;gap:1.25rem;margin-top:1.5rem;padding:0;list-style:none}.book-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--card)}.book-card,.book-card a{display:flex;flex-direction:column}.book-card a{text-decoration:none;color:inherit;height:100%}.book-card img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;object-position:center;background:var(--border);padding:.5rem}.book-card .body{padding:.9rem 1rem 1.1rem}.book-card h3{margin:0 0 .25rem;font-size:1.05rem}.book-card .author{color:var(--muted);font-size:.9rem}.btn{display:inline-block;background:var(--accent);color:var(--accent-fg);padding:.6rem 1.1rem;border-radius:8px;text-decoration:none;font-weight:600;border:none;cursor:pointer;font-size:1rem}.btn:hover{filter:brightness(1.05)}.book-detail{display:grid;grid-template-columns:12rem 1fr;grid-gap:1.75rem;gap:1.75rem;margin-top:1.5rem}@media (max-width:34rem){.book-detail{grid-template-columns:1fr}}.book-detail img{width:100%;max-width:12rem;height:auto;aspect-ratio:2/3;object-fit:contain;object-position:top center;background:var(--border);border-radius:10px;border:1px solid var(--border)}.meta-list{margin:1rem 0 0;padding:0;list-style:none;font-size:.92rem}.meta-list li{margin:.3rem 0;color:var(--muted)}.crumbs{font-size:.85rem;color:var(--muted);margin-top:.5rem}.reader-shell{min-height:100vh;background:var(--bg);color:var(--fg)}.reader-bar{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--bg);border-bottom:1px solid var(--border)}.reader-bar .spacer{flex:1 1}.reader-bar a,.reader-bar button{background:transparent;color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:.35rem .6rem;font-size:.85rem;cursor:pointer;text-decoration:none}.reader-progress{height:3px;background:var(--accent);width:0;transition:width .2s linear}.reader-content{max-width:var(--reader-max);margin:0 auto;padding:2rem 1.25rem 6rem;font-size:var(--reader-font,1.125rem)}.reader-content h1{font-size:1.5em;margin-bottom:1.5rem}.reader-content p{margin:0 0 1.15em;text-align:left;-webkit-hyphens:auto;hyphens:auto}.explain-popover{position:fixed;z-index:50;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1rem;max-width:min(28rem,92vw);max-height:60vh;overflow:auto;box-shadow:0 8px 30px rgba(0,0,0,.25)}.explain-popover .levels{display:flex;gap:.4rem;margin-bottom:.6rem;flex-wrap:wrap}.explain-popover .levels button{border:1px solid var(--border);background:transparent;color:var(--fg);border-radius:6px;padding:.3rem .6rem;font-size:.82rem;cursor:pointer}.explain-popover .levels button[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.explain-fab{position:fixed;z-index:50;transform:translate(-50%,-120%);background:var(--accent);color:var(--accent-fg);border:none;border-radius:999px;padding:.4rem .9rem;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.3)}.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}