@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Newsreader:opsz,wght@6..72,400;6..72,600&display=swap";:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px}img{max-width:100%;display:block}button{font:inherit}:root{color-scheme:light;--ink: #3b1c16;--muted-ink: #7a4834;--paper: #fae5c8;--paper-deep: #f2c78f;--cover: #c62b2f;--cover-dark: #9f1f24;--label: #f9e6cf;--label-border: #e2a94c;--accent: #2f6fb3;--gold: #f2b24c;--blue: #2f6fb3;--red: #c62b2f;--shadow: 0 28px 70px rgba(60, 28, 18, .35);--tabletop-bg: radial-gradient(circle at 12% 12%, rgba(255, 255, 255, .65), rgba(255, 255, 255, 0) 55%), radial-gradient(circle at 82% 16%, rgba(255, 214, 176, .85), rgba(255, 214, 176, 0) 60%), radial-gradient(circle at 60% 80%, rgba(255, 210, 170, .7), rgba(255, 210, 170, 0) 55%), linear-gradient(180deg, #f4d2a7 0%, #e8b97f 100%)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Newsreader,Georgia,serif;background:radial-gradient(circle at top,#f7ddba,#efc28f 55%,#e2a86b);color:var(--ink);overflow-x:hidden}#root{min-height:100vh}.app{min-height:100vh;display:grid;place-items:center;padding:56px 24px;position:relative}.tabletop{position:absolute;inset:0;background:var(--tabletop-bg);z-index:0}.storybook{position:relative;width:var(--container-width);height:var(--container-height);z-index:1;margin:0 auto;transition:width .5s ease,height .5s ease;overflow:hidden}.book{box-shadow:var(--shadow);border-radius:18px;width:var(--container-width)!important;height:var(--container-height)!important;transition:width .5s ease,height .5s ease}.page--inside{background:var(--tabletop-bg);border:none;box-shadow:none}.page--inside .page__inner{display:none}.page{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 12% 18%,#c62b2f29,#c62b2f00 40%),radial-gradient(circle at 88% 22%,#2f6fb329,#2f6fb300 42%),linear-gradient(150deg,var(--paper) 0%,#fdebd4 55%,var(--paper-deep) 100%);border-radius:16px;border:1px solid rgba(198,43,47,.35);overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffb3;width:100%;height:100%}.page__inner{position:relative;width:100%;height:100%;padding:calc(var(--page-height) * .07) calc(var(--page-width) * .09)}.page--cover{background:linear-gradient(145deg,var(--cover) 0%,var(--cover-dark) 100%);color:var(--label)}.page--cover:before{content:"";position:absolute;inset:calc(var(--page-height) * .03);border-radius:20px;border:1px solid rgba(255,255,255,.2)}.cover{display:flex;align-items:center;justify-content:center;height:100%;padding:0}.cover__border{display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3);padding:0;border-radius:20px;width:calc(var(--page-width) * .78);height:calc(var(--page-height) * .74);background:linear-gradient(180deg,#0000000d,#0003)}.cover__label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--page-height) * .02);background:var(--label);border:3px solid var(--label-border);border-radius:14px;padding:calc(var(--page-height) * .03) calc(var(--page-width) * .05);width:calc(var(--page-width) * .5);height:calc(var(--page-height) * .55);text-align:center;color:var(--ink);box-shadow:inset 0 0 0 1px #fff9}.cover__tag{display:inline-block;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase}.cover__title{font-family:Fraunces,serif;font-size:clamp(1.65rem,2.2vw,2.1rem);margin:0;line-height:1.1}.cover__subtitle{font-size:.95rem;color:var(--muted-ink);margin:0;line-height:1.3}.cover__ornament{width:56px;height:2px;margin:0;background:var(--accent)}.cover--back .cover__label{background:var(--paper-deep)}.chapter{position:relative;display:grid;gap:12px;align-content:start}.chapter__tag,.final__tag{display:inline-flex;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-ink)}.chapter__title,.final__title{font-family:Fraunces,serif;font-size:clamp(1.7rem,2.4vw,2.2rem);margin:8px 0 0}.chapter__subtitle{font-size:1.1rem;line-height:1.6;color:var(--muted-ink);max-width:70%}.chapter__ornament{width:120px;height:8px;margin-top:18px;background:linear-gradient(90deg,#c85b3f33,#c85b3fcc,#c85b3f33);border-radius:999px}.actions{margin-top:28px;display:flex;gap:18px;flex-wrap:wrap}.actions--center{justify-content:center}.btn{border:none;padding:12px 26px;border-radius:999px;font-family:Newsreader,serif;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn--primary{background:linear-gradient(120deg,var(--gold) 0%,#f6d486 100%);color:#4b2817;box-shadow:0 10px 22px #82461452;transform:none;font-size:var(--yes-font, 1rem);padding:var(--yes-pad-y, 12px) var(--yes-pad-x, 28px)}.btn--ghost{background:#fff8ecf2;border:1px dashed rgba(198,43,47,.45);color:var(--muted-ink)}.page--final{background:linear-gradient(150deg,#fdf0dd,#efd2ae)}.final{text-align:center;padding:clamp(40px,6vw,80px) clamp(30px,5vw,60px)}.question__title{font-family:Fraunces,serif;font-size:clamp(2rem,3vw,2.8rem);margin:0;max-width:70%}.question__caption{font-family:Fraunces,serif;font-size:clamp(1rem,1.4vw,1.4rem);margin:0;color:var(--blue);letter-spacing:.08em;text-transform:uppercase}.question__line{margin:0;font-size:1.05rem;color:var(--muted-ink)}.left-page,.right-page{height:100%;display:grid;place-items:center;text-align:center;padding:0 44px}.left-page{gap:16px;justify-content:center;align-content:center;text-align:left;place-items:start}.right-page{gap:12px}.left-page--question{gap:18px}.right-page--actions{gap:24px}.actions--stack{flex-direction:column;gap:18px;align-items:center}.btn--xl{font-size:1.1rem;padding:16px 36px;min-width:160px}.btn--text{background:transparent;border:none;color:var(--muted-ink);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.left-page__line{font-size:1.2rem;color:var(--muted-ink);margin:0}.final--left,.final--right{display:grid;place-items:center;text-align:center;gap:10px}.final__line{font-size:1.15rem;color:var(--muted-ink);margin:18px auto;max-width:70%}.final__signature{font-size:1.05rem;color:var(--muted-ink)}.celebration{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:999}.celebration__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.celebration__graffiti{position:absolute;width:min(860px,90vw);height:360px;padding:56px;transform:rotate(-2deg);filter:drop-shadow(0 18px 30px rgba(45,20,10,.35));animation:graffitiPop .8s ease-out forwards;opacity:0;overflow:visible;display:grid;place-items:center}.graffiti__heart{width:min(340px,60vw);height:auto;color:#c62b2ff2;filter:drop-shadow(0 12px 20px rgba(45,20,10,.3));animation:heartPulse 1.2s ease-in-out .4s infinite}.graffiti__heart--small{width:min(200px,40vw);color:#f2b24cf2;animation-delay:.2s;position:absolute;left:8%;bottom:8%}.celebration__starburst,.celebration__brush,.celebration__message{display:none}.celebration__hearts{position:absolute;inset:0;z-index:2}.heart{position:absolute;bottom:-10%;font-size:24px;color:#c62b2f;animation:heartRise 2.6s ease-out infinite;opacity:.85}@keyframes heartRise{0%{transform:translateY(0) scale(.9);opacity:0}60%{opacity:.9}to{transform:translateY(-140%) scale(1.2);opacity:0}}@keyframes graffitiPop{0%{transform:translateY(20px) rotate(-6deg) scale(.96);opacity:0}to{transform:translateY(0) rotate(-6deg) scale(1);opacity:1}}@keyframes heartPulse{0%{transform:scale(.98)}50%{transform:scale(1.04)}to{transform:scale(.98)}}@media(max-width:760px){.chapter__subtitle{max-width:100%}.actions{flex-direction:column}.cover__border{width:min(320px,85%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}