:root{--bg: #f4f1ea;--card: #fffef9;--text: #1a1a2e;--muted: #666;--accent: #2563eb;--danger: #dc2626;--radius: 12px;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app-shell{min-height:100dvh}.page{max-width:720px;margin:0 auto;padding:1rem 1rem 2rem}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.topbar h1{margin:0;font-size:1.5rem}.topbar-actions{display:flex;gap:.5rem}.btn{border:1px solid #ccc;background:#fff;border-radius:999px;padding:.5rem 1rem;cursor:pointer;font-size:.95rem;text-decoration:none;color:inherit;display:inline-flex;align-items:center}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.ghost{background:transparent}.btn.danger{color:var(--danger);border-color:#fca5a5}.btn.small{font-size:.8rem;padding:.25rem .6rem}.hint{color:var(--muted);font-size:.9rem}.banner.error{background:#fee2e2;color:#991b1b;padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem}.muted{color:var(--muted)}.center{text-align:center}.empty{text-align:center;padding:3rem 1rem}.book-grid{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.book-card{background:var(--card);border-radius:var(--radius);padding:1rem;box-shadow:0 1px 3px #00000014;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.book-link{text-decoration:none;color:inherit;flex:1}.book-link h2{margin:.25rem 0;font-size:1.1rem}.book-type{font-size:.7rem;font-weight:700;color:var(--accent)}.reader{min-height:100dvh;display:flex;flex-direction:column;max-width:720px;margin:0 auto}.reader-top{display:flex;gap:.75rem;padding:1rem;background:var(--card);border-bottom:1px solid #e5e5e5}.reader-top h1{margin:0;font-size:1rem}.reader-body{flex:1;padding:1.25rem 1rem 5rem;background:#faf6ee;line-height:1.65;font-size:1.05rem}.sentence-block{margin-bottom:1rem;position:relative;padding-right:3rem}.tr-btn{position:absolute;right:0;top:0;width:2.25rem;height:2.25rem;border-radius:50%;border:none;background:#d4a017;color:#fff;font-weight:700;cursor:pointer}.translation{margin-top:.35rem;color:#1e40af;font-size:.95rem}.reader-nav{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--card);border-top:1px solid #e5e5e5}.back{text-decoration:none;color:var(--accent);font-weight:600}.panel{background:var(--card);padding:1rem;border-radius:var(--radius)}.input{width:100%;padding:.65rem .75rem;margin:.75rem 0;border:1px solid #ccc;border-radius:8px;font-size:1rem}