.reader-wrap.svelte-14crjff{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary);color:var(--color-text-primary)}.tema-gelap.svelte-14crjff{--color-bg-primary:#1a1a2e;--color-text-primary:#e8e8f0;--color-text-secondary:#a0a0b8;--color-border:#2e2e4a}.tema-sepia.svelte-14crjff{--color-bg-primary:#f8f0e3;--color-text-primary:#3d2b1f;--color-text-secondary:#6b4c36;--color-border:#d4c4a8}.reader-top.svelte-14crjff{background:var(--color-bg-primary);border-bottom:.5px solid var(--color-border);padding:0 14px;height:48px;display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:50}.back-btn.svelte-14crjff{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);text-decoration:none;flex-shrink:0}.reader-title-wrap.svelte-14crjff{flex:1;text-align:center;min-width:0}.reader-novel.svelte-14crjff{font-size:12px;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-bab.svelte-14crjff{font-size:10px;color:var(--color-text-secondary);display:block}.reader-actions.svelte-14crjff{display:flex;gap:4px;flex-shrink:0}.icon-btn.svelte-14crjff{width:32px;height:32px;border-radius:6px;border:.5px solid var(--color-border);background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);font-size:16px}.icon-btn.svelte-14crjff:hover{background:var(--color-bg-secondary)}.icon-btn.bookmarked.svelte-14crjff{background:#eeedfe;color:var(--color-primary);border-color:#afa9ec}.settings-panel.svelte-14crjff{background:var(--color-bg-primary);border-bottom:.5px solid var(--color-border);padding:12px 16px;display:flex;flex-direction:column;gap:10px}.settings-row.svelte-14crjff{display:flex;align-items:center;gap:10px}.settings-label.svelte-14crjff{font-size:11px;color:var(--color-text-secondary);min-width:56px;font-weight:600}.settings-options.svelte-14crjff{display:flex;gap:6px;flex-wrap:wrap}.opt-btn.svelte-14crjff{padding:4px 12px;border-radius:20px;border:.5px solid var(--color-border);background:none;font-size:11px;cursor:pointer;color:var(--color-text-secondary);font-family:inherit}.opt-btn.active.svelte-14crjff{background:#eeedfe;border-color:#afa9ec;color:#3c3489;font-weight:700}.progress-wrap.svelte-14crjff{background:var(--color-bg-primary);border-bottom:.5px solid var(--color-border);padding:8px 16px}.progress-bar.svelte-14crjff{height:3px;background:var(--color-bg-secondary);border-radius:3px;overflow:hidden;margin-bottom:5px}.progress-fill.svelte-14crjff{height:100%;background:var(--color-primary);border-radius:3px;transition:width .3s}.progress-info.svelte-14crjff{display:flex;justify-content:space-between;font-size:10px;color:var(--color-text-tertiary)}.reader-body.svelte-14crjff{flex:1}.reader-content.svelte-14crjff{max-width:680px;margin:0 auto;padding:28px 20px 40px}@media (max-width: 480px){.reader-content.svelte-14crjff{padding:16px 14px 60px}.bab-judul.svelte-14crjff{font-size:15px}.bab-nav.svelte-14crjff{gap:4px}.nav-btn.svelte-14crjff{padding:8px 10px;font-size:12px}.rek-grid.svelte-14crjff{grid-template-columns:repeat(2,1fr);gap:8px}.settings-row.svelte-14crjff{flex-wrap:wrap}.progress-info.svelte-14crjff{font-size:9px}}.font-nunito.svelte-14crjff{font-family:Nunito,sans-serif}.font-lora.svelte-14crjff{font-family:Lora,serif}.font-georgia.svelte-14crjff{font-family:Georgia,serif}.font-times.svelte-14crjff{font-family:Times New Roman,serif}.text-sm.svelte-14crjff{font-size:14px}.text-base.svelte-14crjff{font-size:16px}.text-lg.svelte-14crjff{font-size:18px}.text-xl.svelte-14crjff{font-size:20px}.leading-snug.svelte-14crjff{line-height:1.6}.leading-relaxed.svelte-14crjff{line-height:1.9}.leading-loose.svelte-14crjff{line-height:2.2}.bab-header.svelte-14crjff{margin-bottom:24px;padding-bottom:16px;border-bottom:.5px solid var(--color-border)}.bab-judul.svelte-14crjff{font-family:Lora,serif;font-size:18px;font-weight:700;margin-bottom:4px;line-height:1.3}.bab-meta.svelte-14crjff{font-size:11px;color:var(--color-text-secondary)}.bab-text.svelte-14crjff p{margin-bottom:16px}.in-content-ad.svelte-14crjff{margin:20px auto;display:flex;flex-direction:column;align-items:center;overflow:hidden;max-width:100%;border-radius:8px}.end-status.svelte-14crjff{text-align:center;padding:24px 16px;border-radius:10px;margin:24px 0}.end-ongoing.svelte-14crjff{background:#eef6ff;color:#1a5c8a;border:.5px solid #B0D4F0}.end-done.svelte-14crjff{background:#e1f5ee;color:#0f6e56;border:.5px solid #A8D8C8}.end-status.svelte-14crjff i:where(.svelte-14crjff){font-size:28px;display:block;margin-bottom:8px}.end-status.svelte-14crjff strong:where(.svelte-14crjff){font-size:16px;display:block;margin-bottom:6px}.end-status.svelte-14crjff p:where(.svelte-14crjff){font-size:13px;margin-bottom:12px}.btn-bm.svelte-14crjff{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:.5px solid #B0D4F0;background:#fff;color:#1a5c8a;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}.btn-bm.bookmarked.svelte-14crjff{background:#eeedfe;border-color:#afa9ec;color:var(--color-primary)}.chapter-ad-bottom.svelte-14crjff{display:flex;justify-content:center;margin:16px 0 0;opacity:.9}.bab-nav.svelte-14crjff{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:24px 0}.nav-btn.svelte-14crjff{display:flex;align-items:center;gap:5px;padding:8px 16px;border-radius:8px;border:.5px solid var(--color-border);text-decoration:none;color:var(--color-text-primary);font-size:13px;font-weight:600;background:none;cursor:pointer}.nav-btn.svelte-14crjff:hover{background:var(--color-bg-secondary)}.nav-tamat.svelte-14crjff{color:var(--color-primary);border-color:var(--color-primary)}.nav-ongoing.svelte-14crjff{color:#ba7517;border-color:#f4c06a}.nav-detail.svelte-14crjff{width:36px;height:36px;border-radius:8px;border:.5px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);text-decoration:none;font-size:16px}.rek-section.svelte-14crjff{margin-top:32px;padding-top:24px;border-top:.5px solid var(--color-border)}.rek-section.svelte-14crjff h2:where(.svelte-14crjff){font-size:15px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:5px}.rek-grid.svelte-14crjff{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}