*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#1a1a1a;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1a1a1a;position:relative}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#e63946;border-radius:50%;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:.875rem;color:#fff9;font-weight:300;letter-spacing:.05em}.flipbook-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:1rem 1rem 5rem}.flipbook-container{position:relative;display:flex;align-items:center;justify-content:center}.nav-controls{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1.5rem;z-index:100}.nav-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.nav-btn:hover:not(:disabled){background:#e63946cc;border-color:#e63946;transform:scale(1.05)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.nav-btn svg{width:20px;height:20px}.page-indicator{font-size:.875rem;color:#fff9;font-weight:300;letter-spacing:.1em;min-width:80px;text-align:center}.page{background-color:#2a2a2a;display:flex;align-items:center;justify-content:center;overflow:hidden}.page img{display:block;width:100%;height:100%;object-fit:contain}.page canvas{display:block;max-width:100%;max-height:100%;object-fit:contain}.page-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.loading-spinner.small{width:24px;height:24px;border-width:2px}.keyboard-hint{position:fixed;bottom:6rem;left:50%;transform:translate(-50%);font-size:.75rem;color:#ffffff4d;font-weight:300;letter-spacing:.05em}.keyboard-hint kbd{display:inline-block;padding:.15rem .4rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;margin:0 .25rem;font-family:inherit}@media(max-width:768px),(orientation:portrait){.flipbook-wrapper{padding:.5rem .5rem 4rem}.flipbook-container{width:100%;max-width:100vw}.nav-controls{bottom:.75rem;gap:.75rem;padding:.5rem 1rem;background:#1a1a1af2;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-btn{width:44px;height:44px}.nav-btn svg{width:18px;height:18px}.page-indicator{font-size:.8rem;min-width:60px}.keyboard-hint{display:none}}@media(max-width:480px){.flipbook-wrapper{padding:.25rem .25rem 3.5rem}.nav-controls{gap:.5rem;padding:.4rem .75rem}.nav-btn{width:38px;height:38px}.nav-btn svg{width:16px;height:16px}.page-indicator{font-size:.75rem;min-width:50px}}@media(hover:none)and (pointer:coarse){.nav-btn{min-width:44px;min-height:44px}.nav-btn:active:not(:disabled){background:#e63946cc;border-color:#e63946;transform:scale(.95)}}.contact-info{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;z-index:100}.contact-info a{color:#fff6;text-decoration:none;font-size:.75rem;font-weight:300;letter-spacing:.05em;transition:color .3s ease}.contact-info a:hover{color:#e63946}@media(max-width:768px),(orientation:portrait){.contact-info{bottom:5.5rem;right:1rem;align-items:center;width:calc(100% - 2rem);pointer-events:none}.contact-info a{pointer-events:auto;background:#1a1a1a80;padding:2px 8px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}