:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f1ec;font-synthesis:none;text-rendering:optimizelegibility;background:#0b0b0b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;min-height:100dvh;margin:0}button,input{font:inherit}button,label{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,label:focus-visible{outline-offset:3px;outline:2px solid #f3f1ec}.reader-app{background:radial-gradient(circle at 50% 26%,#ffffff0f,#0000 34rem),#0b0b0b;grid-template-rows:auto minmax(0,1fr) auto;width:100vw;height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.topbar{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0b0be0;border-bottom:1px solid #ffffff1a;grid-template-columns:minmax(180px,.75fr) minmax(220px,1.5fr) minmax(240px,.75fr);align-items:center;gap:24px;min-height:76px;padding:14px 28px;display:grid;position:relative}.brand-block,.document-block{flex-direction:column;gap:3px;display:flex}.brand-block strong{letter-spacing:.17em;font-size:.87rem}.brand-kicker,.document-block span:last-child,.page-control>span{letter-spacing:.14em;color:#ffffff75;font-size:.68rem}.document-block{text-align:center;align-items:center;min-width:0}#document-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:Georgia,Times New Roman,serif;font-size:1.02rem;overflow:hidden}.topbar-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.icon-button,.control-button,.upload-button,.primary-button{color:#f3f1ec;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff26;transition:background .16s,border-color .16s,transform .16s}.icon-button:hover,.control-button:hover,.upload-button:hover,.primary-button:hover{background:#ffffff1a;border-color:#ffffff4d}.icon-button:active,.control-button:active,.upload-button:active,.primary-button:active{transform:translateY(1px)}.icon-button{border-radius:50%;width:40px;height:40px;font-size:1.1rem}.upload-button,.primary-button{letter-spacing:.12em;border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:0 18px;font-size:.72rem;font-weight:700;display:inline-flex}.primary-button{color:#111;background:#f3f1ec;border-color:#f3f1ec;min-height:46px;margin-top:8px;padding-inline:26px}.primary-button:hover{background:#fff;border-color:#fff}.stage{place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:34px 74px 26px;display:grid;position:relative;overflow:hidden}.stage:after{content:"";z-index:20;pointer-events:none;border:1px dashed #0000;border-radius:18px;transition:border-color .16s,background .16s;position:absolute;inset:12px}.stage.is-dragging:after{background:#ffffff0a;border-color:#ffffff6b}.ambient{filter:blur(80px);opacity:.09;pointer-events:none;border-radius:50%;width:36vw;min-width:320px;height:36vw;min-height:320px;position:absolute}.ambient-left{background:#8b1e25;top:20%;left:-18vw}.ambient-right{background:#dad1bd;bottom:-30%;right:-20vw}.drop-zone{z-index:5;text-align:center;background:#ffffff06;border:1px solid #ffffff21;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:min(580px,100%);min-height:370px;padding:48px;display:flex;position:relative;box-shadow:0 35px 100px #00000047}.drop-mark{letter-spacing:.16em;color:#ffffffad;border:1px solid #ffffff57;place-items:center;width:66px;height:82px;margin-bottom:26px;font-size:.72rem;display:grid}.drop-zone h1{letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.6rem);font-weight:400;line-height:.98}.drop-zone p{color:#ffffff94;max-width:390px;margin:22px 0 12px;line-height:1.6}.drop-zone small{color:#ffffff57;margin-top:18px}.book-shell{z-index:5;place-items:center;width:100%;height:100%;min-height:420px;display:grid;position:relative}.book-mount{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.book{filter:drop-shadow(0 32px 34px #00000075);flex:none;min-width:0!important;min-height:0!important}.book-page{background:#f0ede7;position:absolute;overflow:hidden}.book-page:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000000f}.pdf-canvas{object-fit:contain;opacity:0;background:#fff;width:100%;height:100%;transition:opacity .18s;display:block}.book-page.is-rendered .pdf-canvas{opacity:1}.page-placeholder{color:#00000029;background:#efede8;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,10vw,8rem);display:grid;position:absolute;inset:0}.book-page.is-rendered .page-placeholder{display:none}.page-hotspot{z-index:15;color:#ffffffbd;cursor:pointer;background:#ffffff0a;border:0;border-radius:999px;width:52px;height:82px;font-family:Georgia,Times New Roman,serif;font-size:2.3rem;transition:opacity .16s,background .16s;position:absolute;top:50%;transform:translateY(-50%)}.page-hotspot:hover{color:#fff;background:#ffffff17}.page-hotspot:disabled{opacity:.15;cursor:default}.page-hotspot-left{left:0}.page-hotspot-right{right:0}.loading-panel{z-index:25;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0c0cdb;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:26px 34px;display:flex;position:absolute;box-shadow:0 28px 80px #0000006b}.loading-panel span{color:#ffffff80;font-size:.84rem}.spinner{border:2px solid #ffffff24;border-top-color:#ffffffe6;border-radius:50%;width:26px;height:26px;margin-bottom:8px;animation:.72s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.controls{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0b0be6;border-top:1px solid #ffffff1a;grid-template-columns:auto auto minmax(120px,520px) auto;justify-content:center;align-items:center;gap:18px;min-height:72px;padding:12px 24px;display:grid;position:relative}.control-button{border-radius:50%;width:38px;height:38px;font-size:1.55rem;line-height:1}.control-button:disabled{opacity:.3;cursor:default}.page-control{white-space:nowrap;align-items:center;gap:8px;display:flex}.page-control input{color:#f3f1ec;text-align:center;-moz-appearance:textfield;background:#ffffff0a;border:1px solid #ffffff24;border-radius:4px;width:54px;height:36px}.page-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page-slider{accent-color:#f3f1ec;cursor:pointer;width:100%}.toast{z-index:100;color:#fff;opacity:0;pointer-events:none;background:#141414eb;border:1px solid #ffffff21;border-radius:999px;padding:11px 16px;font-size:.82rem;transition:opacity .16s,transform .16s;position:fixed;bottom:92px;left:50%;transform:translate(-50%,18px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.is-hidden{display:none!important}@media (width<=760px){.reader-app{grid-template-rows:auto 1fr auto}.topbar{grid-template-columns:1fr auto;gap:12px;min-height:64px;padding:10px 14px}.document-block,.icon-button:first-child{display:none}.brand-block strong{font-size:.75rem}.upload-button{min-height:38px;padding-inline:14px}.stage{padding:18px 8px 10px}.book-shell{min-height:360px}.page-hotspot{display:none}.drop-zone{min-height:340px;padding:32px 24px}.controls{grid-template-columns:auto auto 1fr auto;gap:9px;min-height:68px;padding:10px 12px}.page-control>span:first-child,.page-control>span:last-child{font-size:.58rem}.page-control input{width:46px}.toast{bottom:82px}}.controls.is-intro-muted{visibility:hidden;pointer-events:none}.intro-overlay{--intro-target-left:50vw;--intro-target-top:50vh;--intro-target-width:min(330px, 30vw);--intro-target-height:auto;z-index:9999;background:radial-gradient(circle at 50% 45%,#ffffff0e,#0000 24rem),radial-gradient(circle at 50% 92%,#0a183e80,#0000 36rem),#020202;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.intro-overlay:before,.intro-overlay:after{content:"";pointer-events:none;position:absolute;inset:0}.intro-overlay:before{background:linear-gradient(#00000024,#00000094)}.intro-overlay:after{box-shadow:inset 0 0 150px #000000c2}.intro-scene{perspective:1800px;transform-style:preserve-3d;position:absolute;inset:0}.intro-skip{z-index:4;color:#ffffffb8;cursor:pointer;letter-spacing:.13em;background:#ffffff09;border:1px solid #ffffff29;border-radius:999px;padding:10px 14px;font-size:.68rem;font-weight:700;position:absolute;top:22px;right:22px}.intro-logo{z-index:2;opacity:0;width:min(220px,24vw);height:auto;position:absolute;top:9vh;left:max(34px,5.5vw);transform:translateY(16px)}.intro-copy{z-index:2;text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:17px;padding:30px;display:flex;position:absolute;inset:0;transform:translateY(12px)}.intro-kicker-text{letter-spacing:.42em;color:#fffc;font-size:clamp(1.05rem,1.15vw + .8rem,1.75rem);font-weight:600}.intro-title{letter-spacing:-.045em;max-width:900px;font-size:clamp(2rem,3.4vw,4.9rem);font-weight:600;line-height:.98}.intro-book-wrap{z-index:3;pointer-events:none;position:absolute;inset:0}.intro-book{object-fit:contain;opacity:0;transform-origin:50%;filter:blur(4px);border-radius:2px;width:min(330px,30vw);height:auto;max-height:78vh;position:fixed;top:50vh;left:50vw;transform:translate(-50%,-42%)translateZ(-260px)rotateY(-36deg)rotateX(8deg)scale(.44);box-shadow:0 38px 100px #000000ad}.intro-overlay.is-active .intro-logo{animation:.85s cubic-bezier(.22,1,.36,1) .18s forwards introLogoIn}.intro-overlay.is-active .intro-copy{animation:2.9s cubic-bezier(.22,1,.36,1) .3s forwards introCopySequence}.intro-overlay.is-active .intro-book{animation:3.3s cubic-bezier(.2,.8,.2,1) 2.5s forwards introBookSequence}.intro-overlay.is-ending{animation:.76s forwards introOverlayFadeOut}@keyframes introLogoIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes introCopySequence{0%{opacity:0;transform:translateY(12px)}14%,70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}@keyframes introBookSequence{0%{opacity:0;filter:blur(4px);width:min(330px,30vw);height:auto;top:54vh;left:50vw;transform:translate(-50%,-50%)translateZ(-260px)rotateY(-36deg)rotateX(8deg)scale(.44)}17%{opacity:1;filter:blur()}72%{opacity:1;filter:blur();width:min(420px,34vw);height:auto;top:50vh;left:50vw;transform:translate(-50%,-50%)translateZ(0)rotateY(0)rotateX(0)scale(1)}to{left:var(--intro-target-left);top:var(--intro-target-top);width:var(--intro-target-width);height:var(--intro-target-height);opacity:1;filter:blur();transform:translate(0)translateZ(0)rotateY(0)rotateX(0)scale(1);box-shadow:0 32px 70px #00000085}}@keyframes introOverlayFadeOut{0%{opacity:1}to{opacity:0}}@media (width<=760px){.intro-logo{width:min(150px,36vw);top:7vh;left:18px}.intro-copy{gap:13px;padding:28px 18px}.intro-kicker-text{letter-spacing:.24em}.intro-title{max-width:92vw;font-size:clamp(1.8rem,8vw,3.2rem)}.intro-book{width:min(240px,58vw)}}