:root{--c-bg: #fff6ec;--c-paper: #fffdf8;--c-ink: #3b2a2f;--c-dim: #6b5458;--c-peach: #ffb38a;--c-mint: #9fdcc4;--c-lilac: #cdb8f0;--c-berry: #c93f58;--c-berry-bright: #e2566f;--c-on-berry: #ffffff;--g-cocoa: #3d2414;--g-gold: #d4af37;--g-mocha: #783c19;--g-sage: #5a8a7d;--g-cream2: #faf5ee;--ok: #2f7d5b;--warn: #8a5a10;--err: #c53030;--info: #3b6ea5;--r-pill: 999px;--r-btn: 14px;--r-card: 28px;--r-photo: 24px 28px 22px 26px;--bw: 3px;--shadow-sticker: 5px 5px 0 var(--c-ink);--shadow-press: 2px 2px 0 var(--c-ink);--f-head: "Baloo 2", system-ui, sans-serif;--f-body: "Nunito", system-ui, sans-serif;--f-hand: "Patrick Hand", "Nunito", cursive;--f-wordmark: "Fredoka", "Baloo 2", sans-serif;--space: clamp(1rem, 2.5vw, 1.5rem);--maxw: 1160px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--fs-h1: clamp(2.4rem, 6vw, 4.4rem);--fs-h2: clamp(1.7rem, 3.6vw, 2.6rem);--fs-h3: 1.4rem;--fs-body: clamp(1.05rem, 1rem + .3vw, 1.125rem);--fs-hand: 1.15rem}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/baloo-2-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/baloo-2-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/patrick-hand-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/patrick-hand-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fredoka-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}body{margin:0;background:var(--c-bg);color:var(--c-ink);font-family:var(--f-body);font-size:var(--fs-body);line-height:1.6;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--f-head);line-height:1.1;margin:0 0 .5em;text-wrap:balance;color:var(--g-cocoa)}h1{font-size:var(--fs-h1);font-weight:800;line-height:1.05}h2{font-size:var(--fs-h2);font-weight:700}h3{font-size:var(--fs-h3);font-weight:700}p{margin:0 0 1em}a{color:var(--c-ink);text-underline-offset:.2em}:focus-visible{outline:3px solid var(--focus, var(--c-ink));outline-offset:3px;border-radius:4px}img,svg,video{max-width:100%;height:auto}.wrap{width:min(100% - 2 * var(--space),var(--maxw));margin-inline:auto}.skip-link{position:absolute;left:.5rem;top:-4rem;background:var(--c-ink);color:var(--c-paper);padding:.5rem 1rem;border-radius:var(--r-btn);z-index:100}.skip-link:focus{top:.5rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hand{font-family:var(--f-hand);font-size:var(--fs-hand)}.wordmark{font-family:var(--f-wordmark);font-weight:600}.num{font-family:var(--f-head);font-weight:800;font-variant-numeric:tabular-nums}:root{--ease-pour: cubic-bezier(.22, 1, .36, 1);--ease-stamp: cubic-bezier(.34, 1.56, .64, 1);--ease-steam: cubic-bezier(.45, 0, .55, 1);--dur-fast: .12s;--dur-ui: .24s;--dur-stamp: .28s;--dur-pour: .7s;--dur-lamp-blink: .22s;--dur-lamp-glow: .4s;--night-a: #2a1d18;--night-b: #1d2340;--lamp: #ffc46b}@keyframes m-stamp{0%{opacity:0;scale:1.6;rotate:-8deg}70%{opacity:1}to{opacity:1;scale:1;rotate:-3deg}}@keyframes m-shake{0%,to{translate:0 0}25%{translate:-2px 0}75%{translate:2px 0}}.m-stamp{rotate:-3deg}@media(scripting:enabled){.m-stamp:not(.is-on){opacity:0}}.m-stamp.is-on{animation:m-stamp var(--dur-stamp) var(--ease-stamp) both}.m-shake.is-on{animation:m-shake var(--dur-fast) linear 1}.m-pour{transform-origin:50% 100%;transition:scale var(--dur-pour) var(--ease-pour)}@media(scripting:enabled){.m-pour{scale:1 var(--pour, 0)}}.m-pour.is-on{--pour: 1}.m-draw{transition:stroke-dashoffset var(--dur-pour) var(--ease-pour)}@media(scripting:enabled){.m-draw{stroke-dasharray:1;stroke-dashoffset:1}}.m-draw.is-on{stroke-dashoffset:0}@keyframes m-steam{0%{opacity:0;translate:0 0;scale:.8}30%{opacity:.55}to{opacity:0;translate:6px -34px;scale:1.25}}.m-steam{animation:m-steam 4s var(--ease-steam) infinite}.m-steam:nth-child(2){animation-delay:1.3s}.m-steam:nth-child(3){animation-delay:2.6s}@keyframes m-lamp-blink{0%{opacity:0}33%{opacity:1}66%{opacity:.2}to{opacity:1}}@media(scripting:enabled){.m-lamp:not(.is-on){opacity:0}}.m-lamp.is-on{animation:m-lamp-blink var(--dur-lamp-blink) steps(3,end) both}@media(scripting:enabled){.m-glow:not(.is-on){opacity:0;scale:.6}}.m-glow{transition:opacity var(--dur-lamp-glow) ease-out,scale var(--dur-lamp-glow) var(--ease-pour)}.m-glow.is-on{opacity:1;scale:1;transition-delay:var(--dur-lamp-blink)}@media(scripting:enabled){.m-in:not(.is-in){opacity:0;translate:0 18px}}.m-in{transition:opacity var(--dur-pour) var(--ease-pour),translate var(--dur-pour) var(--ease-pour);transition-delay:calc(var(--i, 0) * 60ms)}.m-press{transition:translate 90ms var(--ease-stamp),box-shadow 90ms var(--ease-stamp),scale var(--dur-ui) var(--ease-pour)}@media(hover:hover){.m-press:hover{scale:1.02}}.m-press:active{translate:2px 2px;box-shadow:0 0 0 var(--c-ink);scale:1}.m-link{background:linear-gradient(currentColor,currentColor) 0 100% / 0 2px no-repeat;transition:background-size .18s var(--ease-pour)}.m-link:hover,.m-link:focus-visible{background-size:100% 2px}.m-focus:focus-visible{outline:3px solid var(--focus, var(--c-ink));outline-offset:3px}.dc-fps{position:fixed;left:8px;bottom:8px;z-index:9999;padding:3px 8px;border-radius:6px;font:700 12px/1.4 ui-monospace,monospace;color:#fff;background:#000000b8;pointer-events:none}html[data-tier="2"] .m-steam,html[data-tier="3"] .m-steam{animation:none;opacity:0}html[data-tier="3"] .m-in{transition:none}@media(prefers-reduced-motion:reduce){.m-stamp.is-on,.m-lamp.is-on,.m-glow.is-on{opacity:1;scale:none;animation:none}.m-glow{transition:none}.m-in{opacity:1!important;translate:none!important;transition:none!important}.m-pour{scale:none;transition:none}.m-draw{stroke-dashoffset:0;transition:none}.m-steam{animation:none;opacity:0}.m-press,.m-link{transition:none}.m-press:hover{scale:1}}
