:root{--bg: #F6F1ED;--paper: #ffffff;--accent: #D8A7B1;--accent-strong: #B76E79;--text: #4A4A4A;--muted: #8C7B75;--shadow-soft: rgba(0,0,0,.08);--shadow-strong: rgba(0,0,0,.15);--shadow: rgba(0,0,0,.09)}body{margin:0;background:var(--bg);font-family:Playfair Display,serif;overflow-x:hidden}.app{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:20px}.book-container{perspective:2500px;width:100%;max-width:420px;height:min(600px,85svh);position:relative}.book{width:100%;height:100%;position:relative;transform-style:preserve-3d}.page{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--paper);border-radius:20px;padding:30px;box-shadow:0 20px 50px var(--shadow);transform-origin:left;transition:transform .9s cubic-bezier(.65,.05,.36,1);backface-visibility:hidden;transform-style:preserve-3d;overflow-y:auto}.page.flipped{transform:rotateY(-180deg)}.page h1,.page h2{color:var(--accent-strong);text-align:center}.page p{color:var(--muted);line-height:1.6;text-align:center}.page:after{content:"";position:absolute;inset:0;border-radius:20px;box-shadow:inset -10px 0 30px #0000000d;pointer-events:none}.cover-wrapper{position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden}.cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-gradient{position:absolute;inset:0;background:linear-gradient(to top,#000000bf 15%,#0000008c,#00000040,#0000000d 75%)}.cover-overlay{position:absolute;bottom:60px;left:0;right:0;text-align:center;color:#fff;padding:0 20px}.cover-overlay h1{font-size:34px;margin-bottom:10px;letter-spacing:1px;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5)}.cover-date,.cover-location{font-size:15px;opacity:.95;color:#ffffffe6;text-shadow:0 2px 10px rgba(0,0,0,.4)}.cover-tagline{display:inline-block;margin-top:16px;padding:8px 18px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);border-radius:30px;font-size:12px;letter-spacing:1px;color:#fff}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gallery img{width:100%;border-radius:10px;object-fit:cover}.details{display:flex;flex-direction:column;gap:15px}.details div{background:#faf7f4;padding:12px;border-radius:12px;text-align:center}.rsvp{display:flex;flex-direction:column;gap:10px}.rsvp input,.rsvp select,.rsvp textarea{padding:10px;border-radius:10px;border:1px solid #ddd}.rsvp button{padding:12px;border:none;border-radius:20px;background:var(--accent);color:#fff;font-weight:700}.toolbar{position:absolute;bottom:-70px;width:100%;display:flex;justify-content:space-between;z-index:9999}.toolbar button{background:var(--accent);border:none;color:#fff;padding:10px 20px;border-radius:20px}.toolbar button:disabled{opacity:.4;cursor:not-allowed;background:#d8a7b1aa}