:root{--paper: #fffdf8;--paper-2: #fbf6ea;--ink: #2b2622;--ink-2: #57514a;--muted: #928a80;--line: #ebe4d6;--rule: #f1ebdf;--pink: #fbd7e0;--pink-deep: #d9587f;--yellow: #fdebac;--yellow-deep: #c9961f;--purple: #e4dcf8;--purple-deep: #7b63c7;--henna: #9a4a2a;--font: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--hand: "Caveat", "Segoe Print", "Bradley Hand", cursive;--maxw: 560px;--pad: 20px;--radius: 16px;--ease: cubic-bezier(.16, 1, .3, 1);--cur-tulip: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='30' viewBox='0 0 28 30'><path d='M9 29c3-8 5-13 5-18' stroke='%238cc47e' stroke-width='2.6' stroke-linecap='round' fill='none'/><path d='M5 8c0 5 4 8 9 8s9-3 9-8c-2 1.2-4 1-5.5-.5C16 5 15 3 14 3s-2 2-3.5 4.5C9 9 7 9.2 5 8z' fill='%23f5a8bf' stroke='%23d9587f' stroke-width='1'/></svg>") 14 3;--cur-paw: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'><g fill='%23e8607f'><ellipse cx='8' cy='7' rx='3' ry='4'/><ellipse cx='18' cy='7' rx='3' ry='4'/><ellipse cx='3.5' cy='13' rx='2.6' ry='3.4'/><ellipse cx='22.5' cy='13' rx='2.6' ry='3.4'/><path d='M13 11c5 0 9 4 9 8.5 0 3.5-4 5-9 5s-9-1.5-9-5c0-4.5 4-8.5 9-8.5z'/></g></svg>") 12 12}html,body{cursor:var(--cur-tulip),auto}a,button,input,label,[role=button],.bubble,.sticker,.day,.cat{cursor:var(--cur-paw),pointer}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip;scrollbar-width:none}html::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html,body{margin:0;padding:0;min-height:100%;background:var(--paper);color:var(--ink)}body{font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--yellow);color:var(--ink)}img,svg,canvas{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}button:focus-visible,a:focus-visible{outline:2px solid var(--purple-deep);outline-offset:3px;border-radius:8px}a{color:var(--pink-deep)}html.hero-hover,html.hero-hover body{cursor:var(--cur-paw),pointer}.page{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:0 var(--pad) 120px}@media(max-width:720px){.page{padding-right:calc(var(--pad) + 14px)}}.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .8s var(--ease)}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.sticker{display:inline-block;background:#fff;border:2px solid #fff;outline:1px solid var(--line);border-radius:12px;padding:4px 10px;font-family:var(--hand);font-size:20px;line-height:1;color:var(--ink);box-shadow:0 2px 10px #2b262214;transform:rotate(-4deg);transition:transform .3s var(--ease),box-shadow .3s}.sticker:hover{transform:rotate(2deg) scale(1.06);box-shadow:0 6px 18px #2b26221f}.chat{display:flex;flex-direction:column;gap:6px;margin:10px 0 0}.bwrap{position:relative;max-width:88%}.bwrap.her{align-self:flex-start}.bwrap.me{align-self:flex-end}.bubble{display:block;max-width:100%;margin:0;padding:9px 13px;border-radius:16px;font-size:15px;line-height:1.45;text-align:left;white-space:pre-line;overflow-wrap:anywhere;transition:transform .25s var(--ease),box-shadow .25s}.bubble:hover{transform:translateY(-2px) rotate(-.6deg);box-shadow:0 6px 16px #2b262214}.bubble:active{transform:scale(.98)}.bubble.her{background:var(--pink);border-bottom-left-radius:4px}.bubble.me{background:var(--yellow);border-bottom-right-radius:4px}.react{position:absolute;right:8px;bottom:-11px;padding:1px 6px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;line-height:1.4;box-shadow:0 2px 6px #2b26221a;animation:react-pop .3s var(--ease);pointer-events:none}.bwrap.her .react{right:auto;left:8px}@keyframes react-pop{0%{transform:scale(.4);opacity:0}}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:700;font-size:15px;white-space:nowrap;text-decoration:none;transition:transform .2s var(--ease),background .2s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn.soft{background:var(--paper-2);color:var(--ink);border:1px solid var(--line)}.btn.pink{background:var(--pink-deep);color:#fff}
