@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;700;800&display=swap";:root{color-scheme:light;--bg: #fff8ef;--ink: #2f2a2a;--muted: #5e636d;--shadow: 0 20px 45px rgba(117, 85, 58, .14);--line: rgba(86, 72, 59, .14);--peach: #fff0e2;--mint: #e9fbf5;--lemon: #fff7cb;--sky: #e9f3ff;--panel: #fffdf9;--accent: #f37f58;--accent-strong: #e8683f;--accent-deep: #9d3d20;--radius-xl: 34px;--radius-lg: 26px;--radius-md: 18px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-width:320px;overflow-x:hidden;background:linear-gradient(180deg,rgba(255,208,167,.35),transparent 24%),radial-gradient(circle at top right,rgba(195,245,227,.55),transparent 28%),linear-gradient(180deg,#fffaf4,#fff7ef 48%,#fffdf8);color:var(--ink);font-family:Noto Sans SC,sans-serif}button{font:inherit;cursor:pointer}.page-shell{position:relative;min-height:100vh;overflow-x:clip;overflow-y:hidden}.page-shell:before,.page-shell:after{content:"";position:fixed;inset:auto auto 3.6rem -2.2rem;width:9rem;height:9rem;border-radius:28px;background:#ffd3a852;transform:rotate(-16deg);filter:blur(1px);pointer-events:none}.page-shell:after{inset:7rem -2.4rem auto auto;width:10rem;height:10rem;background:#c7efe147;transform:rotate(18deg)}.ambient{position:fixed;width:12rem;height:12rem;border-radius:999px;pointer-events:none;opacity:.38;filter:blur(22px)}.ambient-left{top:20%;left:-4rem;background:#ffb88799}.ambient-right{right:-3rem;bottom:12%;background:#a8e8d394}.sparkle-button{position:fixed;top:1rem;right:1rem;z-index:4;width:3.1rem;height:3.1rem;border:2px solid rgba(255,255,255,.9);border-radius:999px;background:#fff6dc;color:var(--accent-deep);font-family:"Baloo 2",cursive;font-size:1.3rem;font-weight:700;box-shadow:0 12px 26px #805c3f2e}.page{position:relative;z-index:1;width:min(100%,34rem);margin:0 auto;padding:4.7rem .95rem 4rem}.paper-panel{position:relative;border:2px solid rgba(255,255,255,.88);border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--shadow)}.paper-panel:before{content:"";position:absolute;inset:14px;border:2px dashed var(--line);border-radius:calc(var(--radius-xl) - 10px);pointer-events:none}.peach-panel{background:linear-gradient(180deg,#ffffffd1,#ffffffd1),var(--peach)}.mint-panel{background:linear-gradient(180deg,#ffffffd1,#ffffffd1),var(--mint)}.lemon-panel{background:linear-gradient(180deg,#ffffffd1,#ffffffd1),var(--lemon)}.sky-panel{background:linear-gradient(180deg,#ffffffd6,#ffffffd6),var(--sky)}.hero-panel,.story-card,.note-panel,.envelope-panel,.overlay-card{padding:1.45rem 1.2rem 1.3rem}.hero-panel{padding-top:1.8rem}.eyebrow{display:inline-flex;align-items:center;gap:.35rem;margin:0 0 .95rem;padding:.3rem .72rem;border-radius:999px;background:#ffffffb8;color:#5f646d;font-family:"Baloo 2",cursive;font-size:.92rem;font-weight:700;letter-spacing:.03em}h1,h2{margin:0;line-height:1.32;letter-spacing:-.02em;overflow-wrap:anywhere}h1{max-width:none;font-size:clamp(1.65rem,6vw,2.35rem);font-weight:800}h2{font-size:clamp(1.32rem,4.8vw,1.9rem);font-weight:800}p{margin:0;line-height:1.8;font-size:1rem;overflow-wrap:anywhere;word-break:break-word}.lead{margin-top:1rem;color:#3f454d}.hero-actions{display:grid;gap:.85rem;margin-top:1.5rem}.hint-text{display:block;color:#56606a;font-size:.95rem}.primary-button,.secondary-button,.close-button{min-height:48px;border:0;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.primary-button:hover,.secondary-button:hover,.close-button:hover,.primary-button:focus-visible,.secondary-button:focus-visible,.close-button:focus-visible,.sparkle-button:hover,.sparkle-button:focus-visible{transform:translateY(-2px)}.primary-button:focus-visible,.secondary-button:focus-visible,.close-button:focus-visible,.sparkle-button:focus-visible{outline:3px solid rgba(243,127,88,.4);outline-offset:2px}.primary-button{justify-self:start;padding:.9rem 1.35rem;border-radius:18px;background:var(--accent);color:#fffdf9;font-family:"Baloo 2",cursive;font-size:1rem;font-weight:700;box-shadow:0 12px #e6a68b,0 16px 28px #e3775129}.secondary-button,.close-button{padding:.8rem 1.05rem;border-radius:16px;background:#fffef8;color:var(--ink);font-family:"Baloo 2",cursive;font-weight:700;box-shadow:0 8px #dbd3c2e6}.story-column{display:grid;gap:1rem;margin-top:1.2rem}.story-card{transform-origin:top center}.story-card h2{margin-bottom:.75rem}.story-card p:not(.eyebrow){color:#3a434d}.story-card.is-hidden{display:none}.story-card.is-visible{display:block;animation:unfold .42s ease both}.story-card.is-clickable{cursor:pointer}.story-card.is-clickable:hover,.story-card.is-clickable:focus-visible{transform:translateY(-2px) rotate(-.2deg);box-shadow:0 24px 50px #75553a2e;outline:none}.story-action{display:flex;justify-content:center;padding-top:.25rem}.interactive-grid{display:grid;gap:1rem;margin-top:1.35rem}.note-panel,.envelope-panel{min-height:17.5rem}.note-panel h2,.envelope-panel h2{margin-bottom:.9rem}.note-quote{min-height:7rem;margin:.25rem 0 1.25rem;padding:1rem 1rem 1.05rem;border-radius:22px;background:#ffffffdb;color:#36414c;font-size:1.06rem;box-shadow:inset 0 0 0 2px #ffe6abb3}.page-footer{padding:1.7rem 0 .4rem;text-align:center;color:#545f68;font-size:.96rem}.overlay{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:1rem;background:#3d2e2442;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.overlay-card{width:min(100%,34rem);max-height:min(82vh,46rem);overflow:auto}.overlay-card h2{margin-bottom:.85rem}.close-button{margin-bottom:.9rem}.letter-copy p,.easter-list p{margin-top:.85rem;color:#37414b}.sticker-dot,.pin-badge,.tape{position:absolute;pointer-events:none}.sticker-dot{top:1rem;right:1rem;width:.95rem;height:.95rem;border-radius:999px;background:#ffb26e;box-shadow:0 0 0 5px #ffb26e2e}.pin-badge{top:-.55rem;right:1.4rem;padding:.28rem .6rem;border-radius:999px;background:#fff2bd;color:#915525;font-family:"Baloo 2",cursive;font-size:.78rem;font-weight:700;box-shadow:0 10px 18px #9155251f}.tape{top:-.5rem;width:4.15rem;height:1.25rem;border-radius:.35rem;background:#fffbdaeb;box-shadow:0 2px 6px #785b4114}.tape-left{left:1.25rem;transform:rotate(-10deg)}.tape-right{right:1.4rem;transform:rotate(9deg)}.tape-single{right:1.5rem;transform:rotate(8deg)}@keyframes unfold{0%{opacity:0;transform:translateY(20px) rotate(1.2deg) scale(.985)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@media(min-width:768px){.page{width:min(100%,56rem);padding-inline:1.25rem}.interactive-grid{grid-template-columns:1.05fr .95fr;align-items:start}.note-panel{transform:rotate(-1.2deg)}.envelope-panel{transform:rotate(1deg)}}@media(max-width:480px){.page{padding-top:4.25rem;padding-inline:.78rem}.hero-panel,.story-card,.note-panel,.envelope-panel,.overlay-card{padding-inline:1rem}.paper-panel:before{inset:11px}h1{font-size:clamp(1.3rem,5.7vw,1.82rem);line-height:1.46}h2{font-size:clamp(1.18rem,4.8vw,1.55rem)}.lead,.hint-text,.note-quote,.letter-copy p,.easter-list p{font-size:.98rem}.primary-button,.secondary-button{width:100%;justify-self:stretch;text-align:center}.note-panel,.envelope-panel{min-height:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}