*,:before,:after{box-sizing:border-box}:root{--font-ar:"Noto Kufi Arabic", sans-serif;--font-en:"DM Sans", system-ui, sans-serif;--font-he:"Noto Sans Hebrew", sans-serif;--text:#e8e8ea;--text-muted:#9ca3af;--bg:#1a1b1e;--surface:#2a2c31;--border:#3f4249;--accent:#c9a227}html,body{height:100%;font-family:var(--font-en);background:var(--bg);color:var(--text);margin:0;overflow:hidden}#app{height:100dvh;overflow:hidden}.catalog-app{flex-direction:column;height:100%;display:flex;overflow:hidden}.catalog-header{text-align:center;flex-shrink:0;padding:.45rem .75rem .2rem}.catalog-header h1{font-family:var(--font-ar);letter-spacing:0;margin:0;font-size:1.15rem;font-weight:700;line-height:1.4}.catalog-instructions{flex-direction:column;gap:.15rem;max-width:36rem;margin:.25rem auto 0;display:flex}.catalog-instruction{color:var(--text-muted);margin:0;font-size:.68rem;line-height:1.35}.catalog-instruction[lang=ar]{font-family:var(--font-ar)}.catalog-instruction[lang=en]{font-family:var(--font-en)}.catalog-instruction[lang=he]{font-family:var(--font-he)}.lang-tag{min-width:1.6rem;color:var(--accent);opacity:.9;font-size:.6rem;font-weight:600;display:inline-block}.catalog-main{flex:1 1 0;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.catalog-status{text-align:center;color:var(--text-muted);padding:1rem}.catalog-status p{margin:.2rem 0;font-size:.8rem}.catalog-status p[lang=ar]{font-family:var(--font-ar)}.catalog-status p[lang=he]{font-family:var(--font-he)}.catalog-status--error{color:#f87171;max-width:32rem}.catalog-status-msg{margin:0;font-size:.75rem;line-height:1.5}.catalog-book{width:100%;max-width:100%;height:100%;margin:0 auto;overflow:hidden}.catalog-nav{flex-shrink:0;justify-content:center;align-items:center;gap:.75rem;padding:.35rem .75rem .45rem;display:flex}.catalog-nav button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:.1rem;min-width:4.5rem;padding:.35rem .65rem;display:flex}.catalog-nav button:hover{background:#35373d;border-color:#5b5f6a}.catalog-nav button:active{transform:translateY(1px)}.action-label{white-space:nowrap;line-height:1.2;display:block}.action-label[lang=ar]{font-family:var(--font-ar);font-size:.8rem;font-weight:600}.action-label[lang=en]{font-family:var(--font-en);color:var(--text-muted);font-size:.65rem}.action-label[lang=he]{font-family:var(--font-he);font-size:.7rem}.page-indicator{text-align:center;min-width:4rem;font-family:var(--font-en);font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.85rem}@media (width<=480px){.catalog-header h1{font-size:1rem}.catalog-instruction{font-size:.62rem}.catalog-nav{gap:.5rem}.catalog-nav button{min-width:3.75rem;padding:.3rem .45rem}}