body{margin:0}:root{color:#fff;background:#080013;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.app{background:radial-gradient(circle at 50% 30%,#2a063d 0%,#12001f 42%,#05000c 100%);width:100vw;height:100dvh;position:relative;overflow:hidden}.app canvas{position:absolute;inset:0}.aurora{filter:blur(70px);pointer-events:none;mix-blend-mode:screen;opacity:.33;border-radius:999px;width:58vw;height:58vw;animation:12s ease-in-out infinite alternate drift;position:absolute}.aurora-a{background:#ff4dbb;top:-18vw;left:-18vw}.aurora-b{background:#d9a548;animation-delay:-4s;bottom:-18vw;right:-22vw}@keyframes drift{to{transform:translate(8vw,5vh)scale(1.12)}}.topbar{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:22px;left:28px;right:28px}.logo{letter-spacing:.52em;color:#ffe8f5;text-shadow:0 0 18px #ff75c8,0 0 38px #ffd079;pointer-events:auto;font-size:13px}.top-actions{pointer-events:auto;align-items:center;gap:12px;display:flex}.pill,.menu,.side-arrows button,.dots button,.close{color:#fff4fb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#1605246b;border:1px solid #ffdbf442;box-shadow:0 8px 32px #ff5dbb1f}.pill{border-radius:999px;padding:9px 14px;font-size:12px}.menu{border-radius:50%;place-items:center;gap:0;width:42px;height:42px;display:grid}.menu span{background:#fff;width:17px;height:1px;margin:2px;display:block;box-shadow:0 0 10px #ff8ccc}.chapter-text{z-index:8;text-align:center;pointer-events:none;width:min(860px,100vw - 48px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.eyebrow{color:#ffd989;letter-spacing:.22em;text-transform:uppercase;margin:0 0 14px;font-size:clamp(11px,1.3vw,14px)}h1{letter-spacing:-.045em;color:#fff9fd;text-shadow:0 0 24px #ff6cc78c,0 0 70px #fbc15b38;margin:0;font-size:clamp(31px,6vw,78px);font-weight:600;line-height:1.08}.side-arrows{z-index:11;pointer-events:none;justify-content:space-between;align-items:center;padding:0 22px;display:flex;position:fixed;inset:0}.side-arrows button{pointer-events:auto;border-radius:999px;width:45px;height:64px;font-size:32px;line-height:1}.chapter-nav{z-index:10;width:min(760px,100vw - 32px);position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.progress{background:#ffffff29;border-radius:999px;height:3px;margin-bottom:14px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg,#ff61ba,#ffd56e);height:100%;transition:width 80ms linear;display:block;box-shadow:0 0 20px #ff8acc}.dots{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.dots button{opacity:.66;border-radius:999px;height:34px;padding:0 9px;overflow:hidden}.dots button.active{opacity:1;background:#ff69be2e;border-color:#ffd67a9e}.dots span{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05000b94;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.photo-modal{text-align:center;background:linear-gradient(#481350c7,#0c0319db);border:1px solid #ffdbf442;border-radius:28px;width:min(390px,92vw);padding:16px 16px 22px;position:relative;box-shadow:0 30px 90px #00000073,0 0 60px #ff68be40}.photo-modal img{aspect-ratio:3/4;object-fit:cover;border:1px solid #ffdd9373;border-radius:22px;width:100%}.photo-modal h2{margin:16px 0 7px}.photo-modal p{color:#ffe4f4;margin:0;line-height:1.7}.close{border-radius:50%;width:36px;height:36px;font-size:24px;position:absolute;top:14px;right:14px}@media (width<=720px){.topbar{top:15px;left:16px;right:16px}.side-arrows{padding:0 8px}.side-arrows button{width:38px;height:52px}.dots{grid-template-columns:repeat(6,1fr);gap:5px}.dots span{font-size:0}.dots button{height:11px;padding:0}.chapter-text{top:48%}h1{font-size:clamp(31px,10vw,48px)}}