@font-face{font-family:gaegu;src:url(../media/gaegu_latin_400_normal-s.p.1a6d274l7rma0.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:gaegu;src:url(../media/gaegu_latin_700_normal-s.p.2p8--ip02q_v5.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:gaegu Fallback;src:local(Arial);ascent-override:79.73%;descent-override:25.18%;line-gap-override:26.23%;size-adjust:95.32%}.gaegu_6acaf468-module__alYNEG__className{font-family:gaegu,gaegu Fallback,Comic Sans MS,cursive}.gaegu_6acaf468-module__alYNEG__variable{--font-gaegu:"gaegu", "gaegu Fallback", Comic Sans MS, cursive}
@font-face{font-family:nunito;src:url(../media/nunito_latin_wght_normal-s.p.43ritpld78jne.woff2)format("woff2");font-display:swap;font-weight:200 1000}@font-face{font-family:nunito Fallback;src:local(Arial);ascent-override:103.02%;descent-override:35.97%;line-gap-override:0.0%;size-adjust:98.13%}.nunito_43ee4835-module__ZgFR0W__className{font-family:nunito,nunito Fallback,system-ui,sans-serif}.nunito_43ee4835-module__ZgFR0W__variable{--font-nunito:"nunito", "nunito Fallback", system-ui, sans-serif}
@font-face{font-family:dancing;src:url(../media/dancing_script_latin_wght_normal-s.3omt7e9o8bdjl.woff2)format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:dancing Fallback;src:local(Arial);ascent-override:115.78%;descent-override:35.24%;line-gap-override:0.0%;size-adjust:79.46%}.dancing_46a23182-module__CzMxsW__className{font-family:dancing,dancing Fallback,cursive}.dancing_46a23182-module__CzMxsW__variable{--font-dancing:"dancing", "dancing Fallback", cursive}
body:has(.hub-root){background:var(--t-lav,#b9a5df);color:var(--t-plum,#4a3848)}body:has(.hub-root) .version-tag{display:none}@media (max-width:1023px){body:has(.hub-root) .hub-version-tag{display:none}}@layer components{.hub-root{--lav:var(--t-lav,#b9a5df);--lav-deep:var(--t-lav-deep,#a993d6);--lav-ink:var(--t-lav-ink,#5b4696);--paper:var(--t-paper,#fdfbf8);--plum:var(--t-plum,#4a3848);--plum-soft:var(--t-plum-soft,#76606f);--rose:var(--t-rose,#e25a73);--rose-deep:var(--t-rose-deep,#b83a58);--seam:var(--t-seam,#efe4ee);--bounce:cubic-bezier(.34, 1.56, .64, 1);min-height:100dvh;font-family:var(--font-nunito), system-ui, sans-serif;color:var(--plum);background-color:var(--lav);background-image:radial-gradient(#ffffff38 1px, transparent 1.6px), radial-gradient(color-mix(in srgb, var(--t-shade-3,#462882) 10%, transparent) 1px, transparent 1.6px);-webkit-tap-highlight-color:transparent;overflow-wrap:break-word;background-position:0 0,3px 5px;background-size:7px 7px,11px 11px}.hub-root :focus-visible{outline:3px dashed var(--rose-deep);outline-offset:3px;border-radius:12px}.hub-frame{padding:10px 10px calc(92px + env(safe-area-inset-bottom))}.hub-left,.hub-fold{display:none}.hub-page{min-height:calc(100dvh - 102px - env(safe-area-inset-bottom));box-shadow:0 3px 0 var(--t-lav-wash,#e6dcf2), 0 7px 0 color-mix(in srgb, var(--t-lav-shadow,#8f76cc) 45%, transparent), 0 22px 40px -18px color-mix(in srgb, var(--t-shade,#32145a) 55%, transparent);border-radius:26px;position:relative;overflow-x:clip}.hub-paper{background-color:var(--paper);background-image:url(/stickers/doodles.svg);background-size:280px 280px}@media (min-width:1024px){.hub-frame{background:var(--lav-deep);width:calc(100% - 40px);max-width:1240px;height:calc(100dvh - 56px);min-height:600px;box-shadow:inset 0 0 0 2px #ffffff4d, 0 30px 60px -24px color-mix(in srgb, var(--t-shade,#32145a) 75%, transparent);border-radius:22px;grid-template-rows:minmax(0,1fr);grid-template-columns:320px 10px minmax(0,1fr);margin:28px auto;padding:20px;display:grid}.hub-left{box-shadow:inset -14px 0 18px -14px color-mix(in srgb, var(--t-lav-ink-2,#5a3c8c) 35%, transparent);border-radius:12px 4px 4px 12px;flex-direction:column;padding:24px 20px;display:flex;overflow-y:auto}.hub-fold{background:linear-gradient(90deg, color-mix(in srgb, var(--t-shade-2,#3c1e5a) 25%, transparent), #fff3, color-mix(in srgb, var(--t-shade-2,#3c1e5a) 20%, transparent));align-self:stretch;display:block}.hub-page{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--t-lilac,#cdb9f2) transparent;min-height:0;box-shadow:inset 14px 0 18px -14px color-mix(in srgb, var(--t-lav-ink-2,#5a3c8c) 35%, transparent);border-radius:4px 12px 12px 4px;overflow-y:auto}.hub-tabs{display:none!important}}.hub-card{background:var(--t-sheet,#fff);border:1.5px solid var(--t-seam-2,#f2e7ef);box-shadow:0 3px 0 var(--seam), 0 12px 22px -14px color-mix(in srgb, var(--t-plum,#4a3848) 45%, transparent);border-radius:20px;position:relative}.hub-lined{background-color:var(--t-lined,#fffdfa);background-image:linear-gradient(90deg, transparent 38px, color-mix(in srgb, var(--t-rose,#e25a73) 35%, transparent) 38px, color-mix(in srgb, var(--t-rose,#e25a73) 35%, transparent) 39.5px, transparent 39.5px), repeating-linear-gradient(180deg, transparent 0 31px, var(--t-lav-line,#e6e0f2) 31px 32px)}.hub-tape{z-index:3;pointer-events:none;background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--t-lilac,#cdb9f2) 82%, transparent) 0 7px, color-mix(in srgb, var(--t-lav-tape,#e1d5f9) 82%, transparent) 7px 14px);width:74px;height:22px;box-shadow:0 1px 2px color-mix(in srgb, var(--t-plum,#4a3848) 18%, transparent);clip-path:polygon(0 8%,4% 0,96% 0,100% 10%,97% 30%,100% 50%,97% 70%,100% 90%,96% 100%,4% 100%,0 92%,3% 72%,0 50%,3% 28%);position:absolute}.hub-tape.pink{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--t-blush,#f8b4c6) 85%, transparent) 0 7px, color-mix(in srgb, var(--t-petal-tape,#fdd7e2) 85%, transparent) 7px 14px)}.hub-tape.dots{background:#fbe7b0e6 radial-gradient(color-mix(in srgb, var(--t-rose,#e25a73) 55%, transparent) 1.6px, transparent 2px) 0 0 / 9px 9px}.hub-tape.mint{background:repeating-linear-gradient(90deg,#b5d67ebf 0 6px,#d6ecb2cc 6px 12px)}.hub-polaroid{background:var(--t-sheet,#fff);box-shadow:0 2px 0 var(--t-seam-4,#eee4ea), 0 12px 20px -12px color-mix(in srgb, var(--t-plum,#4a3848) 50%, transparent);border-radius:4px;padding:7px 7px 28px}.hub-pencil{color:var(--rose);font-family:var(--font-gaegu), cursive;text-shadow:.7px .7px 0 color-mix(in srgb, var(--t-rose,#e25a73) 28%, transparent), -.4px 0 0 color-mix(in srgb, var(--t-rose,#e25a73) 18%, transparent);font-weight:700}.hub-pencil-lav{color:var(--lav-ink);font-family:var(--font-gaegu), cursive;font-weight:700}.hub-wave>span{animation:2.8s ease-in-out infinite hub-wave;animation-delay:calc(var(--i) * 90ms);display:inline-block}@keyframes hub-wave{0%,70%,to{transform:none}20%{transform:translateY(-5px)rotate(-4deg)}40%{transform:translateY(1px)rotate(2deg)}}.hub-sticker{filter:drop-shadow(0 3px 2px color-mix(in srgb, var(--t-plum,#4a3848) 22%, transparent));transition:transform .4s var(--bounce);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex-shrink:0;display:block}@media (hover:hover){.hub-stick:hover .hub-sticker{transform:rotate(-6deg)scale(1.08)}}.hub-stick:active .hub-sticker{transform:scale(.9)rotate(3deg)}.hub-pop{animation:hub-pop .6s var(--bounce) both}@keyframes hub-pop{0%{opacity:0;transform:translateY(18px)scale(.75)rotate(-4deg)}60%{opacity:1;transform:translateY(-3px)scale(1.03)rotate(1deg)}to{opacity:1;transform:none}}.hub-paste{animation:hub-paste .65s var(--bounce) both}@keyframes hub-paste{0%{opacity:0;transform:scale(1.55)rotate(14deg)}55%{opacity:1;transform:scale(.94)rotate(-3deg)}78%{transform:scale(1.04)rotate(1deg)}to{opacity:1;transform:none}}.hub-deal{animation:hub-deal .7s var(--bounce) both;transform:rotate(var(--tilt,0deg))}@keyframes hub-deal{0%{opacity:0;transform:translate(50px,34px)rotate(12deg)scale(.85)}to{opacity:1;transform:rotate(var(--tilt,0deg))}}.hub-enter{animation:.35s ease-out backwards hub-enter}@keyframes hub-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hub-unfold{animation:hub-unfold .75s var(--bounce) backwards;transform-origin:50% 0}@keyframes hub-unfold{0%{opacity:0;transform:perspective(900px)rotateX(-70deg)scaleY(.5)}to{opacity:1;transform:none}}.hub-develop{animation:1.8s ease-out .4s backwards hub-develop}@keyframes hub-develop{0%{filter:brightness(1.7)saturate(0)sepia(.4)blur(2px)}to{filter:none}}.hub-float{animation:3.4s ease-in-out infinite alternate hub-float}@keyframes hub-float{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-6px)rotate(2deg)}}.hub-twinkle{animation:1.9s ease-in-out infinite alternate hub-twinkle}@keyframes hub-twinkle{0%{opacity:.35;transform:scale(.45)}to{opacity:1;transform:scale(1)rotate(90deg)}}.hub-beat{animation:1.5s ease-in-out infinite hub-beat}@keyframes hub-beat{0%,56%,to{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.12)}}.hub-wiggle{animation:2.4s ease-in-out infinite hub-wiggle}@keyframes hub-wiggle{0%,60%,to{transform:rotate(0)}66%{transform:rotate(-7deg)}74%{transform:rotate(6deg)}82%{transform:rotate(-4deg)}90%{transform:rotate(2deg)}}.hub-ring{position:relative}.hub-ring:after{content:"";border-radius:inherit;border:3px solid color-mix(in srgb, var(--t-rose-deep,#b83a58) 45%, transparent);pointer-events:none;animation:1.8s ease-out infinite hub-ring;position:absolute;inset:-6px}@keyframes hub-ring{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.3)}}.hub-bouquet{position:relative}.hub-stem{left:50%;bottom:var(--b);transform-origin:50% 100%;animation:hub-stem .9s var(--bounce) both;animation-delay:calc(.3s + var(--i) * 80ms);position:absolute}.hub-stem>.hub-arch{animation:3.2s ease-in-out infinite alternate hub-sway;animation-delay:calc(1.1s + var(--i) * .17s);transform-origin:50% 100%}@keyframes hub-stem{0%{opacity:0;transform:translateX(var(--x)) translateY(110px) scale(.6)}65%{opacity:1;transform:translateX(var(--x)) translateY(-8px) rotate(var(--r)) scale(1.04)}to{opacity:1;transform:translateX(var(--x)) rotate(var(--r))}}@keyframes hub-sway{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}.hub-arch{background:var(--t-sheet,#fff);border:1.5px solid var(--t-seam-3,#efe4ec);box-shadow:0 2px 0 var(--seam), 0 8px 12px -8px color-mix(in srgb, var(--t-plum,#4a3848) 40%, transparent);border-radius:999px 999px 10px 10px;justify-content:center;padding-top:6px;display:flex}.hub-cone{z-index:2;animation:hub-pop .7s var(--bounce) .2s both;position:absolute;bottom:0;left:50%;translate:-50%}.hub-flip{animation:hub-flip .5s var(--bounce);transform-origin:50% 60%;display:block}@keyframes hub-flip{0%{opacity:.2;transform:perspective(300px)rotateX(95deg)}60%{opacity:1;transform:perspective(300px)rotateX(-14deg)}to{transform:none}}.hub-fall{pointer-events:none;animation:3.6s linear infinite hub-fall;animation-delay:var(--d);position:absolute;top:-24px}@keyframes hub-fall{0%{opacity:0;transform:translate(0)rotate(0)}8%{opacity:1}to{transform:translate(var(--dx), 230px) rotate(var(--spin));opacity:0}}.hub-confetti{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.hub-confetti span{opacity:0;width:9px;height:14px;animation-name:hub-confetti-fall;animation-timing-function:cubic-bezier(.25,.6,.5,1);animation-fill-mode:forwards;position:absolute;top:-5vh}@keyframes hub-confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}85%{opacity:1}to{opacity:0;transform:translate(var(--drift), 110vh) rotate(var(--spin))}}.hub-burst{opacity:0;pointer-events:none;width:20px;height:20px;animation:.8s ease-out both hub-burst;animation-delay:var(--delay,0s);margin:-10px 0 0 -10px;position:absolute;top:50%;left:50%}@keyframes hub-burst{0%{transform:rotate(var(--a)) translateY(0) scale(0);opacity:1}60%{transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(1.1);opacity:1}to{transform:rotate(var(--a)) translateY(calc(var(--d) * -1.2)) scale(0);opacity:0}}.hub-snapshot{z-index:38;pointer-events:none;overflow:hidden}.hub-snapshot *,.hub-snapshot :before,.hub-snapshot :after{transition:none!important;animation:none!important}.hub-cover{z-index:90;pointer-events:all;transition:top .2s ease-out,height .2s ease-out;position:fixed;overflow:hidden;container-type:size}.hub-cover-sheet,.hub-strip,.hub-flap{background-color:var(--lav);background-image:url(/stickers/doodles.svg),radial-gradient(#ffffff40 1px,#0000 1.6px);background-size:280px 280px,7px 7px}.hub-cover-sheet{position:absolute;inset:0}.hub-cover.iris.in .hub-cover-sheet{animation:.42s cubic-bezier(.7,0,.25,1) both hub-iris}.hub-cover.iris.out .hub-cover-sheet{transform-origin:0 0;animation:.5s cubic-bezier(.6,0,.3,1) both hub-peel}@keyframes hub-iris{0%{clip-path:circle(0 at var(--ox) var(--oy))}to{clip-path:circle(150vmax at var(--ox) var(--oy))}}@keyframes hub-peel{0%{transform:none}30%{transform:rotate(-2deg)translateY(-2%)}to{transform:rotate(-9deg)translateY(-112%)}}.hub-cover.turn .hub-cover-sheet{transform-origin:0;border-radius:4px 12px 12px 4px}.hub-cover.turn.in .hub-cover-sheet{animation:.45s cubic-bezier(.3,.7,.3,1) both hub-turn-in}.hub-cover.turn.out .hub-cover-sheet{animation:.45s cubic-bezier(.6,0,.4,1) both hub-turn-out}@keyframes hub-turn-in{0%{transform:perspective(2200px)rotateY(-96deg)}to{transform:perspective(2200px)rotateY(0)}}@keyframes hub-turn-out{0%{transform:perspective(2200px)rotateY(0)}to{transform:perspective(2200px)rotateY(-96deg)}}.hub-strip{height:calc(100% + 14px);animation:.4s cubic-bezier(.34,1.3,.64,1) both hub-drop;animation-delay:calc(var(--i) * 35ms);flex:1;margin:0 -1px;position:relative}.hub-strip.alt{background-color:var(--t-pink,#f3b6c8)}.hub-strip:after{content:"";background:radial-gradient(circle at 50% 0, var(--lav) 9.5px, transparent 10px) 0 0 / 20px 14px repeat-x;height:14px;position:absolute;inset:auto 0 -13px}.hub-strip.alt:after{background-image:radial-gradient(circle at 50% 0, var(--t-pink,#f3b6c8) 9.5px, transparent 10px)}.hub-cover.curtain.out .hub-strip{animation:.42s cubic-bezier(.6,0,.4,1) both hub-lift;animation-delay:calc(var(--ri) * 35ms)}@keyframes hub-drop{0%{transform:translateY(-110%)}to{transform:none}}@keyframes hub-lift{0%{transform:none}to{transform:translateY(-112%)}}.hub-flap{position:absolute;left:0;right:0}.hub-flap.top{background-color:var(--t-lilac,#cdb9f2);clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);z-index:1;height:70%;top:0}.hub-flap.bottom{background-color:var(--t-pink,#f3b6c8);clip-path:polygon(0 0,50% 30%,100% 0,100% 100%,0 100%);height:60%;bottom:0}.hub-flap.top:after{content:"";background:linear-gradient(to bottom, transparent 55%, color-mix(in srgb, var(--t-lav-ink,#5b4696) 22%, transparent));position:absolute;inset:0}.hub-cover.envelope.in .hub-flap.top{animation:.38s cubic-bezier(.3,1.25,.5,1) both hub-from-top}.hub-cover.envelope.in .hub-flap.bottom{animation:.38s cubic-bezier(.3,1.25,.5,1) 60ms both hub-from-bottom}.hub-cover.envelope.out .hub-flap.top{animation:.42s cubic-bezier(.6,0,.4,1) reverse both hub-from-top}.hub-cover.envelope.out .hub-flap.bottom{animation:.42s cubic-bezier(.6,0,.4,1) reverse both hub-from-bottom}@keyframes hub-from-top{0%{transform:translateY(-102%)}to{transform:none}}@keyframes hub-from-bottom{0%{transform:translateY(102%)}to{transform:none}}.hub-bubble{aspect-ratio:1;width:calc(1.55*max(20cqw,11.2cqh));animation:.3s cubic-bezier(.34,1.4,.64,1) both hub-bubble-in;animation-delay:calc(var(--w) * 22ms);border-radius:999px;position:absolute;translate:-50% -50%}.hub-cover.bubbles.out .hub-bubble{animation:.28s ease-in both hub-bubble-out;animation-delay:calc(var(--w) * 18ms)}@keyframes hub-bubble-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes hub-bubble-out{0%{transform:scale(1)}to{transform:scale(0)rotate(40deg)}}.hub-swipe{width:150%;box-shadow:0 3px 4px color-mix(in srgb, var(--t-plum,#4a3848) 18%, transparent);background:repeating-linear-gradient(45deg, var(--t-lilac,#cdb9f2) 0 14px, var(--t-lav-tape,#e1d5f9) 14px 28px);animation:.36s cubic-bezier(.3,1,.4,1) both hub-swipe-in;animation-delay:calc(var(--i) * 45ms);flex:1;margin:-3% 0 -3% -25%;position:relative;rotate:-8deg}.hub-swipe.pink{background:repeating-linear-gradient(-45deg, var(--t-pink-tape,#f5a9bf) 0 14px, var(--t-petal-2,#fdd3df) 14px 28px)}.hub-swipe.dots{background:#fbe7b0 radial-gradient(var(--t-rose,#e25a73) 2.4px, transparent 3px) 0 0 / 16px 16px}.hub-swipe.mint{background:repeating-linear-gradient(90deg,#b5d67e 0 12px,#d6ecb2 12px 24px)}.hub-cover.tape.out .hub-swipe{animation:.4s cubic-bezier(.6,0,.4,1) both hub-swipe-out;animation-delay:calc(var(--i) * 40ms)}@keyframes hub-swipe-in{0%{transform:translate(-110%)}to{transform:none}}@keyframes hub-swipe-out{0%{transform:none}to{transform:translate(110%)}}.hub-cover-mid{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.hub-cover.in .hub-stamp{animation:hub-stamp .5s var(--bounce) .2s both}.hub-cover.out .hub-stamp,.hub-cover.out .hub-cover-label{animation:.3s ease-in both hub-stamp-out}.hub-cover.out .hub-burst{display:none}.hub-cover.in .hub-burst{--delay:.26s}@keyframes hub-stamp{0%{opacity:0;transform:scale(2.4)rotate(-24deg)}55%{opacity:1;transform:scale(.84)rotate(7deg)}78%{transform:scale(1.07)rotate(-3deg)}to{opacity:1;transform:none}}@keyframes hub-stamp-out{to{opacity:0;transform:scale(.4)rotate(18deg)translateY(-30px)}}.hub-cover-label{background:var(--t-sheet,#fff);box-shadow:0 3px 0 color-mix(in srgb, var(--t-lav-ink,#5b4696) 35%, transparent);border-radius:14px;padding:6px 18px 2px;rotate:-3deg}.hub-cover.in .hub-cover-label{animation:hub-pop .45s var(--bounce) .32s both}.hub-tab{flex-direction:column;justify-content:flex-end;align-items:center;min-width:58px;min-height:60px;padding:4px 0;display:flex;position:relative}.hub-tab .hub-sticker{transition:transform .45s var(--bounce)}.hub-tab[aria-current=page] .hub-sticker{transform:translateY(-11px)scale(1.25)rotate(-6deg)}.hub-tab[aria-current=page] .hub-tab-label{color:var(--rose-deep)}.hub-tab[aria-current=page]:after{content:"";background:var(--rose);border-radius:99px;width:8px;height:8px;margin-left:-4px;position:absolute;bottom:-2px;left:50%}.hub-navlink{transition:background-color .25s, transform .35s var(--bounce)}@media (hover:hover){.hub-navlink:hover{background:color-mix(in srgb, var(--t-lav-soft,#ece5f9) 80%, transparent);transform:translate(4px)}}.hub-navlink[aria-current=page]{background:var(--t-sheet,#fff);box-shadow:0 3px 0 var(--seam), 0 10px 16px -12px color-mix(in srgb, var(--t-plum,#4a3848) 50%, transparent)}.hub-navlink[aria-current=page] .hub-sticker{transform:rotate(-8deg)scale(1.12)}.hub-fab{z-index:30;right:18px;bottom:calc(98px + env(safe-area-inset-bottom));gap:8px;display:flex;position:fixed}@media (min-width:1024px){.hub-fab{position:absolute;top:26px;bottom:auto;right:26px}}.hub-btn{border:2.5px solid var(--plum);background:var(--rose-deep);min-height:48px;color:var(--t-on-deep,#fff);font-family:var(--font-gaegu), cursive;box-shadow:0 4px 0 var(--plum);transition:transform .25s var(--bounce), box-shadow .2s;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:22px;font-weight:700;line-height:1;display:inline-flex}@media (hover:hover){.hub-btn:hover{transform:translateY(-2px)rotate(-1deg)}}.hub-btn:active{box-shadow:0 1px 0 var(--plum);transform:translateY(3px)}.hub-btn:disabled{opacity:.6;transform:none}.hub-btn.ghost{background:var(--t-sheet,#fff);color:var(--plum)}.hub-btn.lav{background:var(--lav-ink);color:var(--t-on-ink,#fff)}.hub-btn.danger{background:var(--t-sheet,#fff);color:var(--rose-deep)}.hub-btn.small{min-height:44px;padding:0 16px;font-size:19px}.hub-field{border:2px solid var(--t-lav-wash,#e6dcf2);background:var(--t-sheet,#fff);width:100%;min-height:48px;color:var(--plum);border-radius:16px;outline:none;padding:10px 16px;font-size:16px;transition:border-color .2s}.hub-field:focus{border-color:var(--rose)}.hub-label{font-family:var(--font-gaegu), cursive;margin-bottom:6px;font-size:21px;font-weight:700;line-height:1.1;display:block}.hub-choice{overflow-wrap:anywhere;border:2px solid var(--t-lav-wash,#e6dcf2);background:var(--t-sheet,#fff);text-align:center;min-width:0;transition:transform .3s var(--bounce), background-color .2s;border-radius:16px;padding:10px 6px}.hub-choice[aria-pressed=true]{background:var(--plum);border-color:var(--plum);color:var(--t-on-ink,#fff);transform:rotate(-1.5deg)scale(1.02)}.hub-choice:has(input:checked){background:var(--plum);border-color:var(--plum);color:var(--t-on-ink,#fff);transform:rotate(-1.5deg)scale(1.02)}.hub-switch{border:2px solid var(--plum);background:var(--t-switch-off,#eadff0);border-radius:99px;flex-shrink:0;width:62px;height:34px;padding:0;transition:background-color .3s;position:relative}.hub-switch[aria-checked=true]{background:var(--t-blush,#f8b4c6)}.hub-knob{background:var(--t-sheet,#fff);border:2px solid var(--plum);width:24px;height:24px;transition:translate .45s var(--bounce), scale .2s;border-radius:99px;position:absolute;top:3px;left:3px}.hub-switch[aria-checked=true] .hub-knob{translate:28px}.hub-switch:active .hub-knob{scale:1.25 .8}.hub-knob:before,.hub-knob:after{content:"";border:2px solid var(--plum);background:var(--t-sheet,#fff);border-bottom:0;border-radius:99px 99px 0 0;width:7px;height:13px;position:absolute;top:-11px}.hub-knob:before{left:2px;rotate:-12deg}.hub-knob:after{right:2px;rotate:12deg}.hub-switch[aria-checked=true] .hub-knob:before{background:var(--lav)}.hub-switch[aria-checked=true] .hub-knob:after{background:var(--t-blush,#f8b4c6)}.hub-scribble path{stroke-dasharray:720;stroke-dashoffset:720px;animation:.9s ease-out .1s forwards hub-draw}@keyframes hub-draw{to{stroke-dashoffset:0}}.hub-env{position:relative}.hub-env-body{background:var(--t-petal-3,#fde0e8);border:2.5px solid var(--plum);box-shadow:0 5px 0 color-mix(in srgb, var(--t-plum,#4a3848) 25%, transparent);border-radius:14px;position:absolute;inset:0}.hub-env-pocket{background:var(--t-env-pocket,#fbd3de);clip-path:polygon(0 0,50% 42%,100% 0,100% 100%,0 100%);z-index:4;border-radius:0 0 14px 14px;height:62%;position:absolute;inset:auto 0 0}.hub-env-flap{background:var(--t-env-flap,#f9c2cf);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;z-index:5;border-radius:14px 14px 0 0;height:58%;position:absolute;inset:0 0 auto}.hub-env-letter{z-index:3;height:80%;box-shadow:0 2px 6px color-mix(in srgb, var(--t-plum,#4a3848) 20%, transparent);border-radius:8px;position:absolute;top:10%;left:8%;right:8%}.hub-env-seal{z-index:6;position:absolute;top:58%;left:50%;translate:-50% -50%}.hub-env.lav .hub-env-body{background:var(--t-lav-soft,#ece5f9)}.hub-env.lav .hub-env-pocket{background:var(--t-lav-mid,#ddd0f7)}.hub-env.lav .hub-env-flap{background:var(--t-lilac,#cdb9f2)}.hub-env.opening .hub-env-seal{animation:.45s ease-in both hub-seal-pop}.hub-env.opening .hub-env-flap{animation:.55s cubic-bezier(.5,0,.3,1) .3s both hub-flap}.hub-env.opening .hub-env-letter{animation:hub-letter-rise .8s var(--bounce) .7s both}.hub-env.opening .hub-burst{--delay:.25s;display:block}.hub-env .hub-burst{display:none}@keyframes hub-seal-pop{40%{transform:scale(1.35)rotate(-10deg)}to{opacity:0;transform:translateY(60%)scale(.2)rotate(40deg)}}@keyframes hub-flap{0%{z-index:5;transform:rotateX(0)}49%{z-index:5}50%{z-index:1}to{z-index:1;transform:rotateX(178deg)}}@keyframes hub-letter-rise{to{transform:translateY(-62%)rotate(-2deg)}}.hub-card-cover{z-index:4;transform-origin:0;backface-visibility:hidden;border-radius:22px;position:absolute;inset:0;overflow:hidden}.hub-card-cover.opening{animation:1s cubic-bezier(.6,0,.2,1) both hub-cover-open}@keyframes hub-cover-open{0%{transform:perspective(1600px)rotateY(0)}20%{transform:perspective(1600px)rotateY(12deg)}to{transform:perspective(1600px)rotateY(-170deg)}}.hub-swing{transform-origin:50% -10px;animation:3.4s ease-in-out infinite alternate hub-swing}@keyframes hub-swing{0%{transform:rotate(var(--r0,-4deg))}to{transform:rotate(var(--r1,4deg))}}.hub-pin{z-index:2;background:radial-gradient(circle at 35% 30%, #ffd0da 0 2px, var(--rose) 3px);border:1.5px solid var(--t-plum,#4a3848);width:16px;height:16px;box-shadow:1px 3px 0 color-mix(in srgb, var(--t-plum,#4a3848) 25%, transparent);border-radius:50%;margin-left:-8px;position:absolute;top:-7px;left:50%}.hub-peg{z-index:2;background:#e7c39f;border:1.5px solid #b98a62;border-radius:3px;width:10px;height:22px;margin-left:-5px;position:absolute;top:-12px;left:50%}.hub-thumb{border:3px solid var(--t-sheet,#fff);background:var(--t-thumb-bg,#f3e6ea);border-radius:10px;display:block;position:relative;overflow:hidden}@media (hover:hover){.hub-thumb{transition:transform .3s var(--bounce)}.hub-thumb:hover{z-index:2;transform:scale(1.05)rotate(-2deg)}}.hub-month{content-visibility:auto;contain-intrinsic-size:auto 480px}.hub-reel.spin{animation:1.4s linear infinite hub-reel}@keyframes hub-reel{to{transform:rotate(360deg)}}.hub-wave-done{transition:clip-path .3s linear}.hub-level>span{transform-origin:50%;will-change:transform;transition:transform 90ms linear}.hub-skel{background:#ffffffb3;border-radius:20px;animation:1.2s ease-in-out infinite alternate hub-skel}@keyframes hub-skel{0%{opacity:.55}to{opacity:1}}.hub-calm *,.hub-calm :before,.hub-calm :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}@media (prefers-reduced-motion:reduce){.hub-root *,.hub-root :before,.hub-root :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.hub-root:has(>.hub-bg){background:0 0}.hub-bg{z-index:-1;pointer-events:none;background-color:var(--lav);position:fixed;inset:0;overflow:hidden}.hub-bg>i{inset:calc(var(--bg-blur,0px) * -2);opacity:var(--bg-opacity,1);filter:blur(var(--bg-blur,0px));background-image:radial-gradient(#ffffff38 1px, transparent 1.6px), radial-gradient(color-mix(in srgb, var(--t-shade-3,#462882) 10%, transparent) 1px, transparent 1.6px);background-position:0 0,3px 5px;background-size:7px 7px,11px 11px;position:absolute}.hub-bg[data-kind=plain]>i{background-image:none}.hub-bg[data-kind=doodles]>i{background-image:url(/stickers/doodles.svg);background-position:0 0;background-size:280px 280px}.hub-bg[data-kind=hearts]>i{background-image:url(/stickers/bg-hearts.svg);background-position:0 0;background-size:96px 96px}.hub-bg[data-kind=sparkles]>i{background-image:url(/stickers/bg-sparkles.svg);background-position:0 0;background-size:80px 80px}.hub-bg[data-kind=petals]>i{background-image:url(/stickers/bg-petals.svg);background-position:0 0;background-size:80px 90px}.hub-bg[data-kind=tulips]>i{background-image:url(/stickers/bg-tulips.svg);background-position:0 0;background-size:110px 190px}.hub-bg[data-kind=gingham]>i{background-image:repeating-linear-gradient(0deg,#ffffff59 0 14px,#0000 14px 28px),repeating-linear-gradient(90deg,#ffffff59 0 14px,#0000 14px 28px);background-size:auto}.hub-bg[data-kind=stripes]>i{background-image:repeating-linear-gradient(45deg,#ffffff4d 0 16px,#0000 16px 32px);background-size:auto}.hub-bg[data-kind=grid]>i{background-image:linear-gradient(#fff6 1.5px,#0000 1.5px),linear-gradient(90deg,#fff6 1.5px,#0000 1.5px);background-size:24px 24px}.hub-bg[data-kind=photo]>i{background:var(--bg-photo) center / cover no-repeat}@media (min-width:1024px){.hub-root:has(>.hub-bg) .hub-frame{background:color-mix(in srgb, var(--lav-deep) calc(100% - var(--bg-see,0%)), transparent)}}.hub-paper{background-color:var(--book-page,var(--paper));background-image:linear-gradient(color-mix(in srgb, var(--book-page,var(--paper)) calc(var(--book-veil,0) * (100% - var(--bg-see,0%) * var(--book-veil-see,1)) / 100), transparent), color-mix(in srgb, var(--book-page,var(--paper)) calc(var(--book-veil,0) * (100% - var(--bg-see,0%) * var(--book-veil-see,1)) / 100), transparent)), var(--book-img,url(/stickers/doodles.svg));background-size:auto, var(--book-size,280px 280px);background-position:var(--book-pos,0 0);background-repeat:var(--book-repeat,repeat)}@media (max-width:1023px){.hub-paper{background-attachment:var(--book-attach,scroll)}}@media (min-width:1024px){.hub-frame{background:var(--book-cover,var(--lav-deep))}}.hub-root:has(>.hub-bg) .hub-paper{background-color:color-mix(in srgb, var(--book-page,var(--paper)) calc(100% - var(--bg-see,0%)), transparent)}@media (min-width:1024px){.hub-root:has(>.hub-bg) .hub-frame{background:color-mix(in srgb, var(--book-cover,var(--lav-deep)) calc(100% - var(--bg-see,0%)), transparent)}}.hub-bookprev{background:var(--book-cover,var(--lav-deep));height:124px;box-shadow:inset 0 0 0 2px #ffffff4d, 0 8px 14px -10px color-mix(in srgb, var(--t-shade,#32145a) 70%, transparent);border-radius:16px;grid-template-columns:1fr 5px 1.6fr;padding:9px;display:grid}.hub-bookprev>.hub-paper{padding:12px 11px;overflow:hidden}.hub-bookprev>.hub-paper:first-child{border-radius:9px 2px 2px 9px}.hub-bookprev>.hub-paper:last-child{border-radius:2px 9px 9px 2px}.hub-bookprev>.fold{background:linear-gradient(90deg, color-mix(in srgb, var(--t-shade-2,#3c1e5a) 25%, transparent), #fff3, color-mix(in srgb, var(--t-shade-2,#3c1e5a) 20%, transparent))}.hub-bookprev .bar{background:color-mix(in srgb, var(--plum) 38%, transparent);border-radius:3px;height:5px;margin-bottom:7px;display:block}.hub-booktile{border:2px solid var(--plum);border-radius:12px;height:48px;display:block}}.hub-offline{z-index:60;left:50%;top:calc(8px + env(safe-area-inset-top));border:2px solid var(--plum);background:var(--t-paper,#fdfbf8);max-width:calc(100vw - 24px);box-shadow:0 3px 0 var(--plum);color:var(--plum);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:13px;font-weight:800;animation:.28s cubic-bezier(.3,1.4,.5,1) both hub-offline-in;display:flex;position:fixed;transform:translate(-50%)}.hub-offline>span:not([aria-hidden]){text-overflow:ellipsis;overflow:hidden}.hub-offline:not(:has(button)){padding-right:14px}.hub-offline-btn{background:var(--lav,var(--t-lilac,#cdb9f2));border-radius:999px;min-height:30px;padding:0 12px;font-weight:900}@keyframes hub-offline-in{0%{opacity:0;transform:translate(-50%,-12px)}}.hub-calm .hub-offline{animation:none}html.hub-covered .hub-root:after{content:"";z-index:89;background-color:var(--lav);background-image:url(/stickers/doodles.svg),radial-gradient(#ffffff40 1px,#0000 1.6px);background-size:280px 280px,7px 7px;animation:.25s ease-out 1.5s forwards hub-covered-gone;position:fixed;inset:0}@keyframes hub-covered-gone{to{opacity:0;visibility:hidden}}.hub-cover.held *,.hub-cover.held .hub-cover-sheet{animation:none!important}.hub-root .bg-white{background-color:var(--t-sheet,#fff)}.hub-root .bg-white\/70{background-color:color-mix(in srgb, var(--t-sheet,#fff) 70%, transparent)}.hub-root .bg-white\/90{background-color:color-mix(in srgb, var(--t-sheet,#fff) 90%, transparent)}.hub-root .border-\[\#e6dcf2\]{border-color:var(--t-lav-wash,#e6dcf2)}.hub-root .border-\[\#d9c7d3\]{border-color:var(--t-edge,#d9c7d3)}.hub-root .border-\[\#eee4ec\]{border-color:var(--t-seam-4,#eee4ec)}.hub-root .border-\[\#efe4ec\]{border-color:var(--t-seam-3,#efe4ec)}.hub-root .bg-\[\#f3e6ea\]{background-color:var(--t-thumb-bg,#f3e6ea)}.hub-root .bg-\[\#f2e7ef\]{background-color:var(--t-seam-2,#f2e7ef)}.hub-root .bg-\[\#f6eff3\]{background-color:var(--t-thumb-bg,#f6eff3)}.hub-root .bg-\[\#f3ecf8\]{background-color:var(--t-lav-soft,#f3ecf8)}.hub-root .bg-rose-deep.text-white{color:var(--t-on-deep,#fff)}.hub-root .bg-plum.text-white,.hub-root .bg-plum\/75.text-white{color:var(--t-on-ink,#fff)}.hub-root .overflow-x-auto{scrollbar-width:none}.hub-root .overflow-x-auto::-webkit-scrollbar{display:none}.hub-root summary{list-style:none}.hub-root summary::-webkit-details-marker{display:none}.hub-root summary:not(.hub-no-chevron):after{content:"›";margin-left:.4em;transition:transform .2s;display:inline-block}.hub-root details[open]>summary:not(.hub-no-chevron):after{transform:rotate(90deg)}.hub-root img{color:#0000}@media (max-width:1023px){.hub-fab{transition:transform .28s cubic-bezier(.3,.7,.3,1),opacity .2s}.hub-root.hub-fab-away .hub-fab{opacity:0;pointer-events:none;transform:translateY(calc(100% + 110px))}}