@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(./patrick-hand-vietnamese-400-normal-65jA92mZ.woff2)format("woff2"),url(./patrick-hand-vietnamese-400-normal-CZjY324Y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(./patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(./patrick-hand-latin-ext-400-normal-C2ywpnn3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(./patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(./patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--rosa:#f9b4d0;--pink:#ec5e9a;--night:#2e1f5e;--lavender:#b9a7e8;--gold:#ffc857;--cream:#fff5ec;--turquoise:#7fd8cb;--ink:#231a44;--night-deep:#1d1442;--veil:#1d144273;--film-shadow:0 1px 2px #231a448c, 0 4px 22px #2e1f5e99;--font-display:"Patrick Hand", "Chalkboard SE", "Comic Sans MS", cursive;--font-text:"Nunito Variable", "Nunito", ui-rounded, system-ui, sans-serif;--step--1:clamp(.8125rem, .79rem + .1vw, .875rem);--step-0:clamp(1rem, .97rem + .15vw, 1.0625rem);--step-1:clamp(1.1875rem, 1.1rem + .4vw, 1.375rem);--step-2:clamp(2.125rem, 1.7rem + 1.8vw, 2.75rem);--step-3:clamp(2.25rem, 1.5rem + 2.6vw, 3.5rem);--step-4:clamp(3.75rem, 2.4rem + 7vw, 6.5rem);--step-5:clamp(4.5rem, 2.2rem + 13vw, 9.5rem);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--night-deep);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--night-deep);min-height:100svh;color:var(--cream);font-family:var(--font-text);font-size:var(--step-0);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit}img,svg,canvas{display:block}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}html.is-locked,html.is-locked body{overscroll-behavior:none;overflow:hidden}.noscript{background:linear-gradient(172deg, var(--night) 18%, #4b3180 60%, #a7689f 104%);text-align:center;place-content:center;gap:1rem;min-height:100svh;padding:24px;display:grid}.noscript__title{font-family:var(--font-display);font-size:var(--step-4);line-height:1}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ambient{z-index:0;opacity:.6;filter:blur(40px)saturate(1.4);pointer-events:none;width:100%;height:100%;position:fixed;inset:0;transform:scale(1.15)}html:not(.has-gutter) .ambient{display:none}@media (aspect-ratio<=9/16){.ambient{display:none}}.countdown{top:calc(var(--safe-top) + 3.5svh);color:var(--cream);font-size:var(--step-1);font-variant-numeric:tabular-nums;letter-spacing:.04em;opacity:0;pointer-events:none;background:#1d144266;border-radius:999px;padding:.3em .8em;font-weight:800;transition:color .6s,text-shadow .6s;position:absolute;left:50%;translate:-50%}.countdown.is-midnight{color:#fff8e8;text-shadow:0 0 10px #ffc857f2,0 0 26px #ffc85799}.mute{top:calc(var(--safe-top) + 12px);right:calc(var(--safe-right) + 12px);z-index:40;width:44px;height:44px;color:var(--cream);cursor:pointer;background:#1d144273;border:0;border-radius:50%;place-items:center;display:grid;position:fixed}.mute svg{width:22px;height:22px}.mute[aria-pressed=true] .mute__on,.mute[aria-pressed=false] .mute__off{display:none}.debug{bottom:max(8px, var(--safe-bottom));left:max(8px, var(--safe-left));z-index:100;color:#fff;white-space:pre;pointer-events:none;background:#000000a6;border-radius:8px;margin:0;padding:8px 10px;font:12px/1.45 ui-monospace,Menlo,monospace;position:fixed}main{position:relative;overflow-x:clip}.film{z-index:1;height:calc(var(--total-screens,50) * var(--vh-stable,100vh) + 100vh);height:calc(var(--total-screens,50) * var(--vh-stable,100vh) + 100svh);position:relative}.film:focus{outline:none}.stage{width:var(--stage-w,min(100vw, 56.25vh));height:100svh;margin-inline:auto;position:sticky;top:0}.stage__canvas{background:var(--night-deep);width:100%;height:100lvh;position:absolute;inset:0 0 auto}.start{z-index:50;padding:calc(var(--safe-top) + 24px) calc(var(--safe-right) + 24px) calc(var(--safe-bottom) + 24px) calc(var(--safe-left) + 24px);background:radial-gradient(120% 70% at 50% 118%, #f9b4d0e6, transparent 62%), linear-gradient(172deg, var(--night) 18%, #4b3180 60%, #a7689f 104%);color:var(--cream);text-align:center;overscroll-behavior:contain;transition:opacity .7s var(--ease-out), visibility .7s;place-items:center;display:grid;position:fixed;inset:0}.start.is-leaving{opacity:0;visibility:hidden}.start__inner{justify-items:center;display:grid}.start__title{font-family:var(--font-display);font-size:var(--step-4);text-shadow:0 2px 28px #2e1f5e8c;font-weight:400;line-height:1}.start__hint{font-size:var(--step-1);opacity:.9;margin-top:.9rem}.start__form{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:2.4rem;display:flex}.start__input{width:10.5rem;color:var(--cream);font:inherit;font-size:var(--step-1);text-align:center;-webkit-text-security:disc;background:#fff5ec1a;border:2px solid #fff5ec66;border-radius:999px;padding:.72em 1em}.start__input::placeholder{color:#fff5ec99}.start__input:focus-visible{border-color:var(--rosa)}.start__button{background:var(--rosa);color:var(--night);font-size:var(--step-1);cursor:pointer;border:2px solid #0000;border-radius:999px;padding:.72em 1.5em;font-weight:750;transition:background-color .2s,box-shadow .2s;box-shadow:0 6px 28px #ec5e9a59}.start__button:hover{background:#fcc7dc;box-shadow:0 8px 34px #ec5e9a80}.start__error{min-height:1.6em;color:var(--rosa);font-size:var(--step--1);margin-top:.9rem;font-weight:650}.start.is-wrong .start__form{animation:wrong .42s var(--ease-out)}@keyframes wrong{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.start__status{justify-items:center;gap:.55rem;min-height:3.25rem;margin-top:.6rem;transition:opacity .4s;display:grid}.start.is-ready .start__status{opacity:0}.start.has-error .start__status{opacity:1}.start__progress{background:#fff5ec38;border-radius:3px;width:8rem;height:3px;overflow:hidden}.start__progress span{background:var(--rosa);height:100%;transform:scaleX(var(--progress,0));transform-origin:0;transition:transform .25s linear;display:block}.start__loading{font-size:var(--step--1);opacity:.78}.birthday{z-index:3;height:100svh;padding:calc(var(--safe-top) + 24px) 24px calc(var(--safe-bottom) + 110px);text-align:center;place-items:center;display:grid;position:absolute;top:0;left:0;right:0;overflow:hidden}.birthday:focus{outline:none}.birthday__sky{background:radial-gradient(130% 55% at 50% 100%, #f9b4d08c, #f9b4d000 62%), linear-gradient(180deg, #170f36 0%, var(--night) 42%, #4f3482 74%, #7d5297 100%);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.birthday__stars{position:absolute;inset:0}.birthday__star{width:var(--size);height:var(--size);background:var(--cream);animation:twinkle var(--twinkle) ease-in-out var(--delay) infinite alternate;border-radius:50%;position:absolute;box-shadow:0 0 6px #fff5ecd9}@keyframes twinkle{0%{opacity:.2;transform:scale(.65)}to{opacity:1;transform:scale(1)}}.birthday__cloud{filter:blur(26px);border-radius:50%;animation:22s ease-in-out infinite alternate drift;position:absolute}.birthday__cloud--1{background:radial-gradient(closest-side,#f9b4d0b3,#f9b4d000);width:92%;height:26%;bottom:16%;left:-22%}.birthday__cloud--2{background:radial-gradient(closest-side,#b9a7e8a6,#b9a7e800);width:86%;height:22%;animation-duration:28s;animation-direction:alternate-reverse;bottom:24%;right:-24%}.birthday__cloud--3{background:radial-gradient(closest-side,#fff5ec4d,#fff5ec00);width:72%;height:13%;animation-duration:34s;top:60%;left:12%}.birthday__cloud--4{background:radial-gradient(closest-side,#b9a7e861,#b9a7e800);width:62%;height:15%;animation-duration:40s;animation-direction:alternate-reverse;top:13%;right:-12%}@keyframes drift{0%{transform:translate(-4%)}to{transform:translate(4%)}}.birthday__title{max-width:9em;color:var(--cream);font-family:var(--font-display);font-size:var(--step-4);text-shadow:0 0 26px #f9b4d080,0 2px 18px #2e1f5e99;text-wrap:balance;font-weight:400;line-height:1.02;position:relative}.birthday__hint{right:0;bottom:calc(var(--safe-bottom) + 22px);color:#fff5eceb;font-size:var(--step--1);letter-spacing:.02em;text-shadow:var(--film-shadow);opacity:0;justify-items:center;gap:10px;font-weight:650;transition:opacity .8s .4s;display:grid;position:absolute;left:0}.birthday.is-ready .birthday__hint{opacity:1}.birthday.has-scrolled .birthday__hint{opacity:0;transition-duration:.3s;transition-delay:0s}.birthday__mouse{border:2px solid #fff5ecd9;border-radius:13px;width:24px;height:38px;position:relative;box-shadow:0 2px 14px #2e1f5e73}.birthday__mouse span{background:var(--cream);width:4px;height:8px;animation:scroll-hint 1.8s var(--ease-out) infinite;border-radius:2px;margin-left:-2px;position:absolute;top:7px;left:50%}@keyframes scroll-hint{0%{opacity:0;transform:translateY(0)}25%{opacity:1}75%,to{opacity:0;transform:translateY(13px)}}@media (prefers-reduced-motion:reduce){.birthday__mouse span,.birthday__star,.birthday__cloud{animation:none}}.captions{pointer-events:none;position:absolute;inset:0}.caption{padding-inline:max(24px, var(--safe-left)) max(24px, var(--safe-right));color:var(--cream);font-family:var(--font-display);font-size:var(--step-2);text-align:center;text-shadow:var(--film-shadow);text-wrap:balance;opacity:0;isolation:isolate;will-change:opacity, transform;margin:0;line-height:1.12;position:absolute;left:0;right:0}.caption:before{z-index:-1;content:"";background:radial-gradient(closest-side,#2e1f5e57,#2e1f5e00);position:absolute;inset:-.5em 8%}.caption--top{top:calc(var(--safe-top) + 9svh)}.caption--center,.caption--title{top:50%;translate:0 -50%}.caption--title{font-size:var(--step-4);line-height:1}html.is-wide .caption:not(.caption--title){top:50%;right:calc(100% + var(--caption-gap));width:min(28ch, calc((100vw - var(--stage-w)) / 2 - 2 * var(--caption-gap)));padding:0;font-size:clamp(2rem,1rem + 2.2vw,3.75rem);left:auto;translate:0 -50%}html.is-wide .captions{--caption-gap:clamp(28px, 4vw, 72px)}.ticket-layer{padding:calc(var(--safe-top) + 24px) 24px calc(var(--safe-bottom) + 24px);opacity:0;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.ticket{width:min(100%,360px);color:var(--ink);text-align:left;will-change:transform;position:relative;rotate:-1.2deg}.ticket__outline{filter:drop-shadow(0 18px 36px #0a061e73);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ticket__shape{stroke:var(--ink);stroke-width:2.5px;stroke-linejoin:round}.ticket__perforation{stroke:var(--ink);stroke-width:2.5px;stroke-dasharray:.1 8;stroke-linecap:round}.ticket.has-art{background:var(--ticket-art) center / cover no-repeat;filter:drop-shadow(0 18px 36px #0a061e73)}.ticket.has-art .ticket__outline{display:none}.ticket__main,.ticket__stub{padding-inline:28px;position:relative}.ticket__main{padding-block:30px 24px}.ticket__stub{padding-block:24px 28px}.ticket__route{display:grid}.ticket__stop--to{text-align:right}.ticket__label,.ticket__fields dt{color:#231a4499;font-size:var(--step--1);font-weight:650;display:block}.ticket__place{font-family:var(--font-display);overflow-wrap:break-word;font-size:1.6rem;line-height:1.05;display:block}.ticket__place--to{color:var(--pink);font-size:2.8rem;line-height:.95}.ticket__path{color:#231a4473;width:100%;height:auto;margin-block:.35rem .2rem}.ticket__heart{fill:var(--pink)}.ticket__fields{grid-template-columns:1fr 1fr;gap:16px 18px;margin:24px 0 0;display:grid}.ticket__field--wide{grid-column:1/-1}.ticket__fields dd{font-family:var(--font-display);margin:2px 0 0;font-size:1.3rem;line-height:1.15}.ticket__barcode{width:100%;height:52px;fill:var(--ink);opacity:.85;display:block}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}