:root{--s: 1;--col: 100vw;--paper: #f7f1e3;--ink: #4a3a30;--ink-soft: #5a4a40;--line: #6b4a3a;--accent: #c0703a;--card: #fffaf0;--backdrop: #e8decb}*{box-sizing:border-box}html{background:var(--backdrop);-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}body{margin:0;background:var(--backdrop);color:var(--ink);font-family:Nunito,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;overflow-x:hidden}.book{width:var(--col);margin:0 auto;background-color:#d6e8ec;position:relative;overflow:hidden}@media (min-width: 600px){.book{box-shadow:0 0 0 1px #6b4a3a14,0 20px 60px #6b4a3a2e}}.page{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;position:relative}.fit{width:calc(390px * var(--s));height:calc(844px * var(--s));position:relative;flex:none}.stage{position:absolute;left:0;top:0;width:390px;height:844px;overflow:hidden;transform:scale(var(--s));transform-origin:0 0;color:var(--ink);font-family:Nunito,system-ui,sans-serif}html.js .stage{opacity:0}html.js .stage.ready{opacity:1}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:multiply;opacity:.6;z-index:40;background-repeat:repeat;background-size:200px 200px}.polaroid{cursor:zoom-in;touch-action:manipulation}.polaroid:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.polaroid img{pointer-events:none;-webkit-user-select:none;user-select:none}.stage a[href]{-webkit-tap-highlight-color:transparent;transition:transform .15s ease,filter .15s ease}.stage a[href]:active{transform:scale(.97)}.stage a[href]:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--card);color:var(--ink);border:1.3px solid var(--line);border-radius:25px;padding:10px 18px;font-family:Patrick Hand,cursive;font-size:18px;text-decoration:none}.skip:focus{top:12px}.fx{position:absolute;left:0;top:0;pointer-events:none;will-change:transform,opacity}dialog{border:0;padding:0;background:transparent;color:var(--ink);max-width:none;max-height:none}dialog::backdrop{background:#3a2a24c7}.lb{width:100vw;height:100vh;height:100dvh;margin:0;overscroll-behavior:contain}.lb[open]{display:flex}.lb-inner{margin:auto;width:min(92vw,520px);display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;touch-action:pan-y}.lb-fig{margin:0;background:#fffdf7;border:1px solid #e3d6bf;padding:10px 10px 0;box-shadow:0 10px 30px #00000059;width:100%;touch-action:none}.lb-media{width:100%;display:flex;justify-content:center;background:#efe6d6}.lb-media img,.lb-media video{display:block;max-width:100%;max-height:calc(100dvh - 190px);max-height:calc(100vh - 190px);width:auto;height:auto;object-fit:contain}@supports (height: 100dvh){.lb-media img,.lb-media video{max-height:calc(100dvh - 190px)}}.lb-cap{font-family:Patrick Hand,cursive;font-size:20px;color:var(--line);text-align:center;padding:8px 4px 12px}.lb-cap small{display:block;font-size:14px;color:#8a7666}.lb-nav{display:flex;align-items:center;gap:18px}.lb-count{font-family:Patrick Hand,cursive;color:#fffaf0;font-size:18px;min-width:48px;text-align:center}.lb button{width:48px;height:48px;border-radius:50%;border:1.3px solid var(--line);background:var(--card);color:var(--ink);font-size:30px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 4px}.lb button:focus-visible,.cal a:focus-visible,.cal button:focus-visible{outline:3px solid #f2c94c;outline-offset:2px}.lb-close{position:absolute;right:-6px;top:-58px}.lb-nav[hidden]{display:none}.cal{margin:auto auto 0;width:100%;max-width:440px}.cal-inner{background:var(--card);border:1.3px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;padding:22px 22px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.cal-title{font-family:Patrick Hand,cursive;font-size:26px;text-align:center;color:var(--ink)}.btn{height:50px;border-radius:25px;border:1.3px solid var(--line);background:var(--card);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:Patrick Hand,cursive;font-size:20px;text-decoration:none}.btn-primary{background:var(--accent);color:#fffaf0}.cal-cancel{border:0;background:transparent;font-family:Patrick Hand,cursive;font-size:18px;color:#8a7666;height:44px;cursor:pointer}@media (prefers-reduced-motion: reduce){html.js .stage{transition:opacity .2s ease}.stage a[href]{transition:none}}.music{position:fixed;right:max(14px,calc((100vw - var(--col)) / 2 + 14px));bottom:calc(14px + env(safe-area-inset-bottom));z-index:70;width:48px;height:48px;border-radius:50%;border:1.3px solid var(--line);background:var(--card);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 10px #6b4a3a33}.music[hidden],.music[aria-pressed=true] .off{display:none}.music:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.fxc{position:fixed;top:0;pointer-events:none;z-index:35}.trail{position:fixed;top:22vh;height:56vh;width:14px;z-index:36;pointer-events:none;opacity:0;transition:opacity .5s ease}.trail.on{opacity:.85}.trail .line{position:absolute;left:6px;top:0;bottom:0;border-left:2px dotted rgba(107,74,58,.45)}.trail b{position:absolute;left:4px;width:5px;height:5px;margin-top:-2px;border-radius:50%;background:#f7f1e3;border:1px solid rgba(107,74,58,.6)}.trail .heart{position:absolute;left:0;top:0;filter:drop-shadow(0 0 4px rgba(255,236,170,.9))}html.cover-open,html.cover-open body{overflow:hidden}.cover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#f3efe6;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ink)}.cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,#ffecaa8c,#ffecaa00 60%);pointer-events:none}.cover-col{position:relative;width:var(--col);height:100%;max-height:100svh;display:flex;align-items:center;justify-content:center}.cover-in{position:relative;z-index:1;padding:16px 24px;display:flex;flex-direction:column;align-items:center;gap:6px}.cover-umb{animation:sway 3.2s ease-in-out infinite;transform-origin:50% 90%;margin:2px 0 4px;filter:drop-shadow(0 8px 10px rgba(107,74,58,.18))}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.cover-kicker{font-family:Patrick Hand,cursive;font-size:20px;color:var(--accent)}.cover-names{font-family:Patrick Hand,cursive;font-size:clamp(30px,10vw,44px);line-height:1.1;white-space:nowrap}.cover-names i{font-style:normal;color:var(--accent)}.cover-sub{font-family:Patrick Hand,cursive;font-size:20px;color:var(--ink-soft);margin-top:2px}.cover-date{font-size:15px;letter-spacing:.12em;color:var(--ink-soft);margin:10px 0 14px}.cover-rain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.cover-light{position:absolute;top:-10%;right:0;bottom:0;left:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% 38%,#ffe28cf2,#ffecaa8c 40%,#ffecaa00 70%);z-index:2;mix-blend-mode:screen}.cover-btn{font-family:Patrick Hand,cursive;font-size:22px;padding:12px 30px;border-radius:40px;border:1.5px solid var(--line);background:var(--accent);color:#fffaf0;cursor:pointer;box-shadow:0 6px 16px #c0703a59;animation:pulse 2.2s ease-in-out infinite}.cover-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cover-note{font-size:13px;color:var(--ink-soft);opacity:.8;margin-top:8px}.count{font-family:Patrick Hand,cursive;font-size:19px;color:var(--accent);margin-top:4px}@media (prefers-reduced-motion: reduce){.cover-umb,.cover-btn{animation:none}.cover-rain{display:none}}.book{isolation:isolate}.skyc{position:fixed;top:0;left:50%;transform:translate(-50%);width:var(--col);height:100vh;height:100lvh;z-index:-1;pointer-events:none}.stage svg path,.stage svg polygon,.stage svg polyline,.stage svg rect{stroke-linejoin:round}.say{position:fixed;z-index:60;pointer-events:none;font-family:Patrick Hand,cursive;font-size:19px;color:#4a3a30;background:#fffaf0;border:1.4px solid #6b4a3a;border-radius:16px;padding:3px 12px 4px;white-space:nowrap;box-shadow:0 4px 10px #6b4a3a33}.say:after{content:"";position:absolute;left:var(--tx, 50%);bottom:-7px;width:9px;height:9px;background:#fffaf0;border-right:1.4px solid #6b4a3a;border-bottom:1.4px solid #6b4a3a;transform:translate(-50%) rotate(45deg)}.say.r:after,.say.l:after{bottom:auto;top:50%;border:0;border-left:1.4px solid #6b4a3a;border-bottom:1.4px solid #6b4a3a}.say.r:after{left:-6px;transform:translateY(-50%) rotate(45deg)}.say.l:after{left:auto;right:-6px;transform:translateY(-50%) rotate(-135deg)}.hero-cue{position:fixed;left:0;right:0;bottom:calc(20px + env(safe-area-inset-bottom));z-index:50;pointer-events:none;display:flex;justify-content:center}.hero-cue .cue-in{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:Patrick Hand,cursive;font-size:17px;color:#4a3a30;text-shadow:0 0 6px #fffaf0,0 0 3px #fffaf0}