*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:DM Sans,sans-serif;color:#fff;background:radial-gradient(circle at 20% 10%,#3a0031,transparent 32rem),#070008;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.story-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;padding:1rem 4vw;background:#070008dd;border-bottom:1px solid #ff5eb777}.story-brand{font:2.3rem Sacramento}.story-brand span,.eyebrow{color:#ff8cca}.story-header nav{display:flex;gap:1rem}.story-hero{min-height:70vh;display:grid;place-content:center;text-align:center;padding:3rem 1rem}.story-hero h1,.keepsakes-panel h2,.story-ending h2,.finale h2{font:clamp(3.5rem,8vw,7rem) Playfair Display;margin:.2rem}.story-hero em,.keepsakes-panel em{font-family:Sacramento;color:#ff78c0}.story-hero p{max-width:700px}.story-button,.controls button{padding:.9rem 1.2rem;border-radius:999px;border:1px solid #ff76bd;background:linear-gradient(135deg,#ff319d,#8c19ff);color:#fff;font-weight:800;cursor:pointer}.storybook-stage{position:relative;min-height:800px;margin:0 4vw 3rem;display:grid;place-items:center}.story-cover{position:absolute;inset:0;z-index:5;display:grid;place-items:center;transition:.8s}.story-cover.open{opacity:0;transform:rotateY(-15deg) translateX(-8%);pointer-events:none}.cover-frame{width:min(92vw,620px);min-height:700px;padding:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:12px solid #6b174e;border-radius:38px 20px 20px 38px;background:linear-gradient(160deg,#6b174e,#2b0627 70%,#140010);box-shadow:0 40px 90px #0008}.cover-frame>span{font-size:6rem;color:#ff78c0}.cover-frame h2{font:clamp(4rem,10vw,7rem) Playfair Display;margin:.4rem}.cover-frame strong{font:3rem Sacramento;color:#ff9cd1}.storybook{width:min(96%,1180px);display:grid;grid-template-columns:1fr 1fr;opacity:0;transform:translateY(24px);transition:.8s}.storybook.open{opacity:1;transform:none}.book-page{position:relative;min-height:680px;padding:3rem;background:#fffafc;color:#4d2841;box-shadow:0 28px 70px #0006}.image-page{border-radius:30px 0 0 30px;overflow:hidden}.text-page{border-radius:0 30px 30px 0}.page-image{position:absolute;inset:0;background:center/cover no-repeat}.text-page h2{font:clamp(2.4rem,4vw,4.5rem) Playfair Display;line-height:1;margin:.3rem 0}.dialogue{margin:1rem 0;padding:1rem;border:1px solid #7e436833;border-radius:18px;background:#fff}.dialogue strong,.dialogue span,.keepsake small,.keepsake strong{display:block}.dialogue strong{color:#c52784}.keepsake{margin:1rem 0;padding:1rem;border-left:3px solid #ff55b1;background:#ff47ad14}.controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem}.controls button{background:#fff;color:#5a2448}.controls .primary{background:linear-gradient(135deg,#ff319d,#8c19ff);color:#fff}.ribbon{position:absolute;right:2rem;top:-10px;padding:.7rem 1rem 1.3rem;background:#d33b91;color:#fff;clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%)}.image-page>b,.text-page>b{position:absolute;bottom:1rem}.image-page>b{left:1.5rem}.text-page>b{right:1.5rem}.keepsakes-panel{margin:0 4vw 3rem;padding:3rem;border:1px solid #ff5eb777;border-radius:28px;background:#110014d6}.keepsake-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.keepsake-card{min-height:160px;padding:1rem;border:1px solid #ff5bb44d;border-radius:18px;display:grid;place-items:center;text-align:center}.keepsake-card span{font-size:3rem}.locked{opacity:.35}.story-ending{text-align:center;padding:5rem 1rem}.story-ending>span{font-size:6rem;color:#ff69b8}.finale{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#070008f5;opacity:0;visibility:hidden;transition:.6s}.finale.show{opacity:1;visibility:visible}.finale>div{text-align:center}.finale span{font-size:6rem;color:#ff69b8}.finale strong{display:block;font:4rem Sacramento;color:#ff8dca}@media(max-width:900px){.storybook{grid-template-columns:1fr}.image-page{min-height:400px;border-radius:28px 28px 0 0}.text-page{border-radius:0 0 28px 28px}.keepsake-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.story-header nav{display:none}.storybook-stage{min-height:1100px}.book-page{padding:1.5rem}.keepsake-grid{grid-template-columns:1fr}.controls{flex-wrap:wrap}.controls span{width:100%;text-align:center}}