@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(./cormorant-garamond-latin-400-normal-B-1hWBU7.woff2)format("woff2"),url(./cormorant-garamond-latin-400-normal-B7YtguxJ.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(./cormorant-garamond-latin-ext-400-normal-Drx2k2n9.woff2)format("woff2"),url(./cormorant-garamond-latin-ext-400-normal-uvC0WHQr.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(./cormorant-garamond-latin-600-normal-Co1r35X9.woff2)format("woff2"),url(./cormorant-garamond-latin-600-normal-2CBVLo0M.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(./cormorant-garamond-latin-ext-600-normal-DaBc-lu7.woff2)format("woff2"),url(./cormorant-garamond-latin-ext-600-normal-Dk3-quAP.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(./cormorant-garamond-latin-400-italic-Dc_OZ8oc.woff2)format("woff2"),url(./cormorant-garamond-latin-400-italic-BLh7T8o8.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(./cormorant-garamond-latin-ext-400-italic-BdEzgT7i.woff2)format("woff2"),url(./cormorant-garamond-latin-ext-400-italic-CQvLaSWn.woff)format("woff")}:root{--gold:#b8934a;--gold-light:#d9b878;--gold-deep:#8f6f33;--cream:#f4ead8;--paper:#f0e6d2;--brown:#5a4632;--bg-dark:#2a2016;--bg-warm:#3d2f22;--serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;--paper-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--serif);background:radial-gradient(ellipse 120% 90% at 50% 42%, var(--bg-warm) 0%, var(--bg-dark) 78%);color:var(--cream);overflow:hidden}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.start-screen{z-index:20;background:radial-gradient(ellipse 120% 90% at 50% 42%, var(--bg-warm) 0%, var(--bg-dark) 78%);flex-direction:column;justify-content:center;align-items:center;gap:clamp(20px,4vh,44px);transition:opacity .8s,transform .8s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.start-screen--closing{opacity:0;pointer-events:none;transform:scale(1.05)}.start-cover-wrap{filter:drop-shadow(0 26px 34px #0000008c);animation:5.5s ease-in-out infinite cover-float}.start-cover{object-fit:contain;border-radius:4px 10px 10px 4px;max-width:84vw;height:min(68vh,640px);display:block}@keyframes cover-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.open-btn{font-family:var(--serif);letter-spacing:.14em;color:#33260f;background:linear-gradient(160deg, var(--gold-light) 0%, var(--gold) 55%, var(--gold-deep) 100%);cursor:pointer;border:1px solid #ffebbe8c;border-radius:999px;padding:.8em 2.4em;font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:600;transition:transform .25s,box-shadow .25s,filter .25s;box-shadow:0 10px 26px #00000073,inset 0 1px #fff5d799}.open-btn:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 14px 32px #00000080,0 0 22px #d8b87859,inset 0 1px #fff5d799}.open-btn:focus-visible{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 14px 32px #00000080,0 0 22px #d8b87859,inset 0 1px #fff5d799}.open-btn:disabled{cursor:default;filter:saturate(.6)}.scene{opacity:1;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.scene--entering{opacity:0}.scene:after,.start-screen:after{content:"";pointer-events:none;background:radial-gradient(95% 85% at 50% 48%,#0000 55%,#120b0580 100%);position:absolute;top:0;bottom:0;left:0;right:0}.book-stage{aspect-ratio:2400/1696;width:min(94vw,141.509vh - 183.962px,1500px);position:relative}.book-shadow{z-index:0;filter:blur(14px);background:radial-gradient(50% 50%,#0000008c 0%,#0000 72%);height:9%;position:absolute;bottom:-5%;left:4%;right:4%}.book-stack:before,.book-stack:after{content:"";z-index:1;opacity:0;background:repeating-linear-gradient(90deg,#efe4cc 0 1px,#d8c9a8 1px 2px,#e6d9bd 2px 3px);width:13px;transition:opacity .5s;position:absolute;top:1.2%;bottom:.8%;box-shadow:0 3px 8px #00000059}.book-stack:before{border-radius:4px 0 0 4px;left:-9px;transform:skewY(-.6deg)}.book-stack:after{border-radius:0 4px 4px 0;right:-9px;transform:skewY(.6deg)}.book-stage--open .book-stack:before,.book-stage--open .book-stack:after{opacity:1}.book{z-index:2;width:100%;height:100%;position:relative}.page{background:var(--paper);width:100%;height:100%;position:relative;overflow:hidden}.page-img{object-fit:cover;width:100%;height:100%;display:block}.page-texture{pointer-events:none;background-image:var(--paper-noise);mix-blend-mode:multiply;opacity:.1;position:absolute;top:0;bottom:0;left:0;right:0}.page-spine{pointer-events:none;width:9%;position:absolute;top:0;bottom:0}.page--left .page-spine{background:linear-gradient(270deg,#3c281447,#0000);right:0}.page--right .page-spine{background:linear-gradient(90deg,#3c281447,#0000);left:0}.page--endpaper{background:radial-gradient(ellipse 80% 70% at 50% 45%, #f6eedd 0%, var(--paper) 70%, #e4d6b8 100%)}.endpaper-ornament{color:var(--gold);opacity:.55;font-size:clamp(28px,5vw,54px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui-bar{pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:clamp(10px,2.4vh,26px);left:0;right:0}.page-counter{letter-spacing:.22em;color:var(--gold-light);opacity:.85;text-shadow:0 1px 3px #0009;font-size:1.05rem}.narrator-bar{z-index:5;align-items:center;gap:10px;display:flex;position:absolute;bottom:18px;left:18px}.play-btn{color:#33260f;background:linear-gradient(160deg, var(--gold-light) 0%, var(--gold) 55%, var(--gold-deep) 100%);cursor:pointer;border:1px solid #ffebbe8c;border-radius:50%;flex:none;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .25s,box-shadow .25s,filter .25s;display:flex;box-shadow:0 6px 16px #00000073,inset 0 1px #fff5d799}.play-btn:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 8px 20px #00000080,0 0 18px #d8b87859,inset 0 1px #fff5d799}.play-btn:focus-visible{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 8px 20px #00000080,0 0 18px #d8b87859,inset 0 1px #fff5d799}.play-btn .icon-play{margin-left:2px}.play-btn .icon-pause,.play-btn[aria-pressed=true] .icon-play{display:none}.play-btn[aria-pressed=true] .icon-pause{display:block}.volume-slider{-webkit-appearance:none;appearance:none;opacity:0;background:linear-gradient(to right, var(--gold-light), #d8b87859);cursor:pointer;border-radius:999px;width:0;height:4px;transition:width .3s,opacity .3s}.narrator-bar:hover .volume-slider,.narrator-bar:focus-within .volume-slider{opacity:1;width:110px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(160deg, var(--gold-light), var(--gold-deep));border:1px solid #ffebbe99;border-radius:50%;width:15px;height:15px;box-shadow:0 2px 6px #00000073}.volume-slider::-moz-range-thumb{background:linear-gradient(160deg, var(--gold-light), var(--gold-deep));border:1px solid #ffebbe99;border-radius:50%;width:15px;height:15px;box-shadow:0 2px 6px #00000073}.fullscreen-btn{width:42px;height:42px;color:var(--gold-light);cursor:pointer;opacity:.7;background:#2a20168c;border:1px solid #d8b87866;border-radius:50%;justify-content:center;align-items:center;transition:opacity .25s,box-shadow .25s;display:flex;position:absolute;top:18px;right:18px}.fullscreen-btn:hover{opacity:1;box-shadow:0 0 14px #d8b8784d}.fullscreen-btn:focus-visible{opacity:1;box-shadow:0 0 14px #d8b8784d}@media (max-width:820px){.book-stage{aspect-ratio:1200/1696;width:min(94vw,70.755vh - 91.9815px)}.book-stack:before,.book-stack:after{display:none}}@media (prefers-reduced-motion:reduce){.start-cover-wrap{animation:none}.start-screen,.scene{transition-duration:.2s}.open-btn,.fullscreen-btn{transition-duration:.1s}}