@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;600&display=swap";:root{--bg:#030303;--gold:#d4af37;--gold-dim:#d4af3740;--gold-glow:#d4af3726;--text:#f0ede4;--text-dim:#6b6459;--serif:"Cormorant Garamond", "Georgia", serif;--display:"Playfair Display", serif;--sans:"Inter", sans-serif}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);width:100vw;height:100dvh;position:fixed;overflow:hidden}#app{width:100%;height:100%}#three-container{z-index:1;position:fixed;inset:0}#ui-layer{pointer-events:none;z-index:10;flex-direction:column;justify-content:space-between;padding:clamp(1.2rem,4vw,3rem);display:flex;position:fixed;inset:0}header{align-items:center;gap:2rem;display:flex}.logos{flex-shrink:0;align-items:center;gap:1.5rem;display:flex}.main-logo{height:clamp(55px,8vw,90px);filter:drop-shadow(0 0 12px var(--gold-glow))}.side-logo{opacity:.85;height:clamp(40px,6vw,65px)}.header-text{border-left:2px solid var(--gold-dim);padding-left:2rem}h1{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 25px var(--gold-glow);font-size:clamp(1.1rem,2.8vw,2rem);font-weight:700;line-height:1.1}.sub-header{font-family:var(--serif);color:var(--text-dim);max-width:800px;margin-top:.5rem;font-size:clamp(.7rem,1.3vw,1rem);font-style:italic;line-height:1.5}footer{border-top:1px solid #d4af3714;justify-content:space-between;align-items:center;padding-top:1.5rem;display:flex}.instruction{color:var(--gold);letter-spacing:.4em;text-transform:uppercase;opacity:.4;font-size:.65rem}.system-status{color:#00ff41;letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:.6rem}.metadata-panel{border:1px solid var(--gold-dim);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);opacity:0;z-index:15;pointer-events:auto;background:#050505f5;width:min(500px,92vw);padding:2.5rem 3rem;transition:all .6s cubic-bezier(.19,1,.22,1);position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(30px);box-shadow:0 30px 80px #000000e6,inset 0 1px #d4af3714}.metadata-panel.active{opacity:1;transform:translate(-50%)translateY(0)}.metadata-title{color:var(--gold);font-family:var(--display);margin-bottom:1.2rem;font-size:1.8rem;line-height:1.1}.metadata-desc{font-family:var(--serif);color:var(--text-dim);margin-bottom:2rem;font-size:1.15rem;line-height:1.7}.access-prompt{color:var(--gold);letter-spacing:.4em;text-transform:uppercase;cursor:pointer;border-top:1px solid #d4af371f;padding-top:1.2rem;font-size:.72rem;font-weight:600;transition:all .4s}.access-prompt:hover{color:#f1d592;letter-spacing:.5em;text-shadow:0 0 12px var(--gold-glow)}#reader-overlay{z-index:100;opacity:0;background:#000;flex-direction:column;display:none;position:fixed;inset:0}.reader-header{border-bottom:1px solid var(--gold-dim);z-index:110;background:#060606;justify-content:space-between;align-items:center;height:80px;min-height:80px;padding:0 clamp(1rem,4vw,3rem);display:flex}.reader-logos{align-items:center;gap:1.2rem;display:flex}.reader-logo{height:38px}.reader-book-info{flex-direction:column;align-items:center;gap:.15rem;display:flex}#reader-title{font-family:var(--display);color:var(--gold);letter-spacing:.15em;text-transform:uppercase;text-align:center;font-size:clamp(.7rem,1.5vw,1rem)}#page-count{color:#444;letter-spacing:.08em;font-size:.65rem}.close-reader{color:#666;cursor:pointer;text-transform:uppercase;letter-spacing:.15em;font-size:.65rem;font-family:var(--sans);white-space:nowrap;background:0 0;border:1px solid #222;padding:.6rem 1.5rem;transition:all .3s}.close-reader:hover{border-color:var(--gold);color:var(--gold)}.reader-body{background:radial-gradient(#0e0e0e 0%,#000 100%);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.book-stage{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#flipbook{box-shadow:0 40px 100px #000000d9,0 0 40px #d4af3708}.page{background-color:#faf8f0;overflow:hidden}.pdf-canvas{object-fit:contain;width:100%;height:100%}.reader-footer{border-top:1px solid var(--gold-dim);background:#060606;justify-content:center;align-items:center;height:80px;min-height:80px;display:flex}.reader-controls{align-items:center;gap:clamp(1.5rem,5vw,5rem);width:100%;max-width:1000px;padding:0 clamp(1rem,4vw,3rem);display:flex}.btn-control{color:#555;cursor:pointer;font-family:var(--serif);letter-spacing:.12em;white-space:nowrap;background:0 0;border:1px solid #1a1a1a;padding:.8rem clamp(1.5rem,3vw,3rem);font-size:clamp(.85rem,1.2vw,1.1rem);transition:all .3s}.btn-control:hover{border-color:var(--gold);color:var(--gold)}.page-nav{flex-direction:column;flex:1;align-items:center;gap:.8rem;display:flex}#current-page-num{font-family:var(--serif);color:var(--gold);font-size:1.4rem;font-weight:600}.progress-bar-container{background:#111;border-radius:2px;width:100%;max-width:500px;height:2px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, #1a2a44, var(--gold));width:0%;height:100%;transition:width .3s}.loading-overlay{z-index:150;background:#000;flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.loader-container{width:90px;height:90px;margin-bottom:3rem;position:relative}.loader-ring{border:2px solid #111;border-top-color:var(--gold);border-radius:50%;animation:1.5s cubic-bezier(.68,-.55,.27,1.55) infinite spin;position:absolute;inset:0}.loader-pulse{background:var(--gold-glow);border:1px solid #d4af371f;border-radius:50%;width:60%;height:60%;animation:2.5s ease-in-out infinite pulse;position:absolute;top:20%;left:20%}.loading-text{font-family:var(--serif);color:var(--gold);letter-spacing:.4em;text-transform:uppercase;font-size:.85rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:.2;transform:scale(1)}}@media (width<=1024px){#ui-layer{padding:.8rem}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:8px;flex-direction:row;align-items:center;gap:1rem;padding:.6rem 1rem}.logos{gap:.8rem}.main-logo{height:40px}.side-logo{height:32px}.header-text{border-left:1px solid var(--gold-dim);border-top:none;padding-top:0;padding-left:.8rem}h1{letter-spacing:.08em;font-size:.85rem}.sub-header{display:none}.metadata-panel{width:calc(100vw - 1.6rem);padding:1.2rem 1.5rem;bottom:.8rem}.metadata-title{margin-bottom:.6rem;font-size:1.2rem}.metadata-desc{margin-bottom:1rem;font-size:.9rem;line-height:1.5}.access-prompt{letter-spacing:.25em;padding-top:.8rem;font-size:.6rem}.reader-header{height:55px;min-height:55px;padding:0 .8rem}.reader-logo{height:24px}.reader-logos{gap:.6rem}.close-reader{letter-spacing:.1em;padding:.35rem .7rem;font-size:.5rem}#reader-title{font-size:.6rem}#page-count{font-size:.5rem}.reader-footer{height:55px;min-height:55px}.reader-controls{gap:.8rem;padding:0 .8rem}.btn-control{letter-spacing:.05em;padding:.5rem 1rem;font-size:.75rem}#current-page-num{font-size:1rem}.page-nav{gap:.4rem}footer{display:none}}.ambient-bg{display:none}