*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Georgia,serif;background:#070604;color:#f6efe2}body{min-height:100svh;background:radial-gradient(circle at 50% 0,#2b2114,#0c0906 48%,#050403);overflow-x:hidden}.stars{position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(#e9cf92 1px,transparent 1px);background-size:43px 43px}header{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;position:relative;z-index:5;border-bottom:1px solid #d8b76b22;background:#080603cc;backdrop-filter:blur(12px)}.back{color:#cdb986;text-decoration:none;font:12px Arial}.title{text-align:center}.title small{display:block;font:9px Arial;letter-spacing:2.5px;color:#bda66e}.title strong{font-size:19px;font-weight:500}.iconbtn{justify-self:end;width:42px;height:42px;border-radius:50%;border:1px solid #d8b76b55;background:#171108;color:#e8d7aa;font-size:20px}.intro{max-width:620px;margin:auto;text-align:center;min-height:calc(100svh - 76px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 26px}.infinity{font-size:68px;color:#d9b65f}.eyebrow{font:10px Arial;letter-spacing:3px;color:#c9ae68}.intro h1{font-size:clamp(44px,8vw,76px);line-height:.98;margin:18px 0}.intro p{max-width:520px;color:#c9c0b0;font-size:17px;line-height:1.7}.intro button{margin-top:24px;padding:16px 28px;border-radius:99px;border:1px solid #d9b65f;background:linear-gradient(135deg,#d7b65e,#8b6827);color:#100c06;font-weight:bold;letter-spacing:1.4px}.pdfLink{margin-top:18px;color:#a99a79;font:12px Arial}.hidden{display:none!important}.reader{min-height:calc(100svh - 76px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 14px}.bookStage{display:flex;align-items:center;gap:14px;width:100%;justify-content:center}.book{position:relative;width:min(78vw,940px);aspect-ratio:1.43/1;perspective:2400px;filter:drop-shadow(0 30px 45px #000b)}.paper{position:absolute;top:0;width:50%;height:100%;background:#f4f0e8;overflow:hidden}.paper img,.turner img{width:100%;height:100%;object-fit:contain;background:#f5f2eb}.left{left:0;border-radius:7px 0 0 7px;box-shadow:inset -12px 0 22px #0002}.right{right:0;border-radius:0 7px 7px 0;box-shadow:inset 12px 0 22px #0002}.spine{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(#0000,#0007,#0000);z-index:5}.turner{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;z-index:10;pointer-events:none;display:none}.turner.flipping{display:block;animation:flip .78s cubic-bezier(.2,.65,.2,1) forwards}.turnFront,.turnBack{position:absolute;inset:0;backface-visibility:hidden;background:#f5f2eb;overflow:hidden}.turnBack{transform:rotateY(180deg)}@keyframes flip{to{transform:rotateY(-180deg)}}.nav{width:48px;height:48px;border-radius:50%;border:1px solid #d8b76b55;background:#171108cc;color:#e8d7aa;font-size:35px}.controls{width:min(78vw,940px);display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-top:18px;font:11px Arial;color:#b9aa8a}.controls input{accent-color:#caa850}.controls button{background:none;border:1px solid #6e5b34;color:#d8c48f;border-radius:8px;padding:7px 10px}.hint{font:10px Arial;color:#766b58}@media(max-width:760px){header{padding:0 12px}.back{font-size:0}.back:after{content:'←';font-size:20px}.bookStage{gap:5px}.nav{position:absolute;z-index:30;width:40px;height:40px;background:#0a0806bb}.prev{left:4px}.next{right:4px}.book{width:94vw;aspect-ratio:.713/1}.paper{width:100%;left:0!important;right:auto!important}.paper.left{display:none}.paper.right{border-radius:7px;box-shadow:none}.spine{display:none}.turner{left:0;width:100%}.controls{width:94vw}}
.bookTimeGate{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 8%,#2b2114,#0b0805 58%,#050403);text-align:center;color:#f6efe2}
.bookTimeGate.open{display:none}.bookGateCard{width:min(520px,100%);padding:48px 28px;border:1px solid #d8b76b55;border-radius:28px;background:#0b0805f2;box-shadow:0 30px 90px #000a}
.bookGateInfinity{font-size:58px;color:#d9b65f}.bookGateEyebrow{font:10px Arial;letter-spacing:3px;color:#bda66e;margin:8px 0 18px}.bookGateCard h1{font-size:34px;font-weight:500;margin:0 0 14px}.bookGateCard p{color:#c9c0b0;line-height:1.6}
.bookGateDate{margin:24px auto;padding:17px;border:1px solid #6e5b34;border-radius:17px;letter-spacing:3px;color:#ead9ad;line-height:1.7}.bookGateDate strong{font-size:28px;color:#d9b65f}
.bookGateSmall{font-size:14px}.bookGateCard a{display:inline-block;margin-top:22px;color:#bda66e;text-decoration:none;font:12px Arial}
#bookGateCountdown{margin-top:18px;color:#8e8064;font:12px Arial;letter-spacing:1px}