*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1a1a;--header-bg:#111;--header-height:56px;--text:#e5e5e5;--text-muted:#888;--accent:#c9a96e}html,body,#root{height:100%}body{background-color:var(--bg);color:var(--text);font-family:Georgia,serif;overflow-x:hidden}.header{height:var(--header-height);background:var(--header-bg);z-index:100;border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.header-title{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.9rem}.catalog-wrapper{min-height:100vh;padding-top:var(--header-height);flex-direction:column;justify-content:center;align-items:center;padding-bottom:48px;display:flex}.page-counter{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:14px;font-size:.75rem}.flipbook-page{-webkit-user-select:none;user-select:none;cursor:grab;background:#2c2c2c;position:relative;overflow:hidden}.flipbook-page:active{cursor:grabbing}.flipbook-page img{object-fit:cover;width:100%;height:100%;display:block}.page-placeholder{width:100%;height:100%;color:var(--text-muted);letter-spacing:.1em;background:linear-gradient(135deg,#2a2a2a 0%,#1e1e1e 100%);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:.8rem;display:flex}.page-placeholder .placeholder-num{opacity:.15;font-size:3rem;font-weight:700;line-height:1}.lang-switcher{gap:6px;display:flex}.lang-btn{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #333;border-radius:2px;padding:5px 12px;font-family:inherit;font-size:.7rem;transition:all .15s}.lang-btn:hover{border-color:var(--accent);color:var(--accent)}.lang-btn.active{background:var(--accent);border-color:var(--accent);color:#111;font-weight:700}