:root{--bg:#9e211d;--ink:#f8eedc;--gold:#ddae34;--shadow:#32060480;--flash:#ffe296e6}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#9e211d;--ink:#f8eedc;--gold:#ddae34;--shadow:#32060480;--flash:#ffe296e6}}:root[data-theme=dark]{--bg:#9e211d;--ink:#f8eedc;--gold:#ddae34;--shadow:#32060480;--flash:#ffe296e6}:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--metal:linear-gradient(100deg,#8f6a0e 0%,#f1cf55 22%,#c9971a 45%,#fbe184 62%,#ad7d0c 80%,#ddae34 100%)}html{scroll-padding-top:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:inherit}html,body{height:100%;margin:0}body{color:var(--ink);-webkit-tap-highlight-color:transparent;background:#8e1d1a;font-family:Inter Tight,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.stage{background:linear-gradient(#b02822 0%,#9e211d 45%,#8a1c19 100%);flex-direction:column;justify-content:space-evenly;align-items:center;gap:12px;max-width:480px;height:100%;margin:0 auto;padding:clamp(96px,18vh,156px) 24px clamp(30px,6vh,60px);display:flex;position:relative;overflow:hidden}#fx{pointer-events:none;z-index:6;position:absolute;top:0;left:0}.deco{pointer-events:none;height:auto;position:absolute}.serif{font-family:Noto Serif,Georgia,serif}.zh{font-family:Noto Serif SC,serif}.gold{background:var(--metal);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.band{z-index:1;width:100%;height:16px;left:0}.band.top{top:8px}.band.bottom{bottom:8px}.mountains{z-index:0;width:100%;height:22%;bottom:0;left:0}.mist{pointer-events:none;z-index:1;background:radial-gradient(50% 50%,#ffe1cd1c 0%,#ffe1cd00 70%);width:160%;height:80px;animation:26s ease-in-out infinite alternate mist;position:absolute;bottom:11%;left:-30%}.mist.b{animation-duration:34s;animation-direction:alternate-reverse;bottom:3%}@keyframes mist{0%{transform:translate(-12%)}to{transform:translate(12%)}}.cloud{z-index:0;animation:22s ease-in-out infinite alternate drift}.cloud.b{animation-duration:28s;animation-direction:alternate-reverse}@keyframes drift{0%{transform:translate(-14px)}to{transform:translate(18px)}}.branch{z-index:1}.branch.tree{aspect-ratio:334/376;transform-origin:20% 100%;width:85.6%;animation:11s ease-in-out infinite wind;bottom:14.5%;left:-44.6%}.branch.e1{aspect-ratio:210/230;transform-origin:100% 30%;width:43.6%;animation:13s ease-in-out -4s infinite wind;bottom:-9.7%;right:-3.8%}.branch.e2{aspect-ratio:170/120;transform-origin:100% 20%;width:33.3%;animation:9.5s ease-in-out -2s infinite wind2;top:-15px;right:-9%}@keyframes wind{0%{transform:rotate(0)skew(0)}18%{transform:rotate(.9deg)skew(-.6deg)}32%{transform:rotate(.35deg)skew(-.2deg)}55%{transform:rotate(1.6deg)skew(-1deg)}72%{transform:rotate(.6deg)skew(-.3deg)}86%{transform:rotate(1.1deg)skew(-.6deg)}to{transform:rotate(0)skew(0)}}@keyframes wind2{0%{transform:rotate(0)}22%{transform:rotate(-1.4deg)}40%{transform:rotate(-.5deg)}63%{transform:rotate(-2.2deg)}80%{transform:rotate(-.9deg)}to{transform:rotate(0)}}.hang{z-index:3;top:0}.hang.l1{width:clamp(56px,16vw,72px);left:9%}.hang.l2{width:clamp(48px,13.8vw,62px);right:9%}.cl{z-index:0;height:auto;animation:cdrift var(--t,40s) ease-in-out infinite alternate;position:absolute}.cl.c1{--t:46s;top:21%;left:-6%}.cl.c2{--t:38s;animation-direction:alternate-reverse;top:31%;right:-4%}.cl.c3{--t:52s;top:7%;left:30%}.cl.c4{--t:34s;animation-direction:alternate-reverse;top:58%;left:2%}.cl.c5{--t:42s;top:67.7%;right:1%}@keyframes cdrift{0%{transform:translate(-18px)}50%{transform:translate(6px,-5px)}to{transform:translate(26px,2px)}}.branch{overflow:visible}.lan{transform-box:fill-box;transform-origin:50% 0;animation:3.6s ease-in-out infinite swing}.lan.l2{animation-duration:4.2s;animation-delay:-1.6s}.lan .tassel{transform-box:fill-box;transform-origin:50% 0;animation:1.9s ease-in-out infinite tassel}.lan .lglow{animation:2.6s ease-in-out infinite flicker}.lan.l2 .lglow{animation-delay:-1.1s}.lan .halo{animation:3.2s ease-in-out infinite halo}@keyframes swing{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes tassel{0%,to{transform:rotate(10deg)}50%{transform:rotate(-10deg)}}@keyframes halo{0%,to{opacity:.7}50%{opacity:1}}.lan-j{transform-box:fill-box;transform-origin:50% 0}.stage.opened .lan-j{animation:1.5s ease-out jolt3}@keyframes jolt3{0%{transform:rotate(0)}16%{transform:rotate(14deg)}38%{transform:rotate(-10deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes jolt2{0%{transform:rotate(0)}18%{transform:rotate(18deg)}40%{transform:rotate(-14deg)}62%{transform:rotate(9deg)}82%{transform:rotate(-6deg)}to{transform:rotate(-8deg)}}@keyframes sway2{0%,to{transform:rotate(0)}50%{transform:rotate(-1.4deg)}}.lantern{transform-origin:50% 0;z-index:2;width:clamp(40px,11vw,50px);animation:4.4s ease-in-out infinite sway;top:32px}.lantern.l{left:calc(min(210px,54vw)/5)}.lantern.r{animation-delay:-2.2s;right:calc(min(210px,54vw)/5)}.lantern .tassel{transform-box:fill-box;transform-origin:50% 0;animation:2.2s ease-in-out infinite sway}.lantern .lglow{animation:2.6s ease-in-out infinite flicker}.lantern.r .lglow{animation-delay:-1.1s}@keyframes flicker{0%,to{opacity:.3}20%{opacity:.55}40%{opacity:.34}60%{opacity:.6}80%{opacity:.38}}@keyframes sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes jolt{0%{transform:rotate(0)}20%{transform:rotate(11deg)}45%{transform:rotate(-8deg)}70%{transform:rotate(4deg)}to{transform:rotate(-4deg)}}header{z-index:3;text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.doufang{background:linear-gradient(#7a1514,#7a1514) padding-box,var(--metal) border-box;border:2px solid #0000;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:8px;display:flex;transform:rotate(45deg);box-shadow:0 6px 16px #32060466}.doufang span{font-size:25px;font-weight:700;line-height:1;display:block;transform:rotate(135deg)}h1{letter-spacing:.12em;text-transform:uppercase;filter:drop-shadow(0 2px #4608068c);margin:0;font-size:clamp(25px,7.6vw,32px);font-weight:700;line-height:1.1;animation:7s ease-in-out 3.2s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}35%,to{background-position:-100% 0}}.sub{letter-spacing:.6em;filter:drop-shadow(0 1px #46080680);padding-left:.6em;font-size:15px;font-weight:700}.date{color:#f8eedc;font-size:15px;font-style:italic}.center{z-index:4;flex-direction:column;align-items:center;display:flex;position:relative}.zone{aspect-ratio:1/.92;justify-content:center;align-items:center;width:min(322px,82vw);transition:width .8s cubic-bezier(.4,0,.2,1) 50ms;display:flex;position:relative}.revealed .zone{width:min(185px,48vw);transition:width .9s cubic-bezier(.2,.8,.2,1)}.sub,.date{max-height:40px;transition:max-height .7s cubic-bezier(.4,0,.2,1) .1s,margin .7s cubic-bezier(.4,0,.2,1) .1s,opacity .5s .45s;overflow:hidden}.revealed .sub,.revealed .date{opacity:0;max-height:0;margin:-4px 0;transition:max-height .8s,opacity .4s,margin .8s}.rays{opacity:.38;width:116%;height:116%;animation:60s linear infinite spin;position:absolute;inset:-8%}@keyframes spin{to{transform:rotate(360deg)}}.rays{transition:opacity .9s}.opened .rays{opacity:.62}.gate{background:conic-gradient(#8f6a0e,#f1cf55,#c9971a,#fbe184,#ad7d0c,#f1cf55,#8f6a0e);border-radius:50%;animation:24s linear infinite spin;position:absolute;inset:5%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px))}.gate.in{opacity:.6;animation-duration:36s;animation-direction:reverse;inset:9%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 1.2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,#0000 calc(100% - 1.2px),#000 calc(100% - 1px))}.glow{background:radial-gradient(circle,#ffcd8257 0%,#ffcd821a 55%,#ffcd8200 72%);border-radius:50%;animation:5s ease-in-out infinite breathe;position:absolute;inset:5%}@keyframes breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.cookie-btn{all:unset;cursor:pointer;z-index:2;border-radius:40%;width:73%;display:block;position:relative}.cookie-btn:focus-visible{outline:2px solid var(--gold);outline-offset:10px}.cookie-box{aspect-ratio:491/455;width:100%;animation:4.5s ease-in-out infinite float;display:block;position:relative}.whole{width:100%;height:100%;filter:drop-shadow(0 18px 20px var(--shadow));position:absolute;inset:0}.half{opacity:0;height:100%;filter:drop-shadow(0 12px 14px var(--shadow));transition:transform 1s cubic-bezier(.16,.9,.24,1),opacity 50ms;position:absolute;top:0}.half.l{transform-origin:100% 90%;width:49.49%;left:0}.half.r{transform-origin:0 90%;width:50.71%;left:49.29%}.cracking .cookie-box{animation:.52s cubic-bezier(.36,.07,.19,.97) both shake}.opened .whole{opacity:0}.opened .half{opacity:1}.rejoin .whole{opacity:0}.rejoin .half{opacity:1;transition:transform .55s cubic-bezier(.55,0,.25,1)}.rejoin .cookie-box{animation:none;transform:rotate(-4deg)}.snap .whole{animation:.55s cubic-bezier(.3,1.6,.5,1) snap}@keyframes snap{0%{transform:scale(1.07)}45%{transform:scale(.97)}to{transform:scale(1)}}.snap .glow{animation:.8s ease-out glowpop}@keyframes glowpop{0%{opacity:.85;transform:scale(1)}30%{opacity:1;transform:scale(1.18)}to{opacity:.85;transform:scale(1)}}.opened .half.l{transform:translate(-14%,4%)rotate(-18deg)}.opened .half.r{transform:translate(14%,4%)rotate(18deg)}.opened .cookie-box{animation:none;transform:rotate(-2deg)}.flash{background:radial-gradient(circle,var(--flash) 0%,#fff0 70%);opacity:0;pointer-events:none;z-index:5;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:55%;left:50%}.opened .flash{animation:.9s ease-out flash}@keyframes float{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-8px)rotate(-4deg)}}@keyframes shake{0%{transform:rotate(-6deg)scale(1)}15%{transform:rotate(-12deg)scale(1.04)}30%{transform:rotate(2deg)scale(1.06)}45%{transform:rotate(-14deg)scale(1.07)}60%{transform:rotate(4deg)scale(1.08)}75%{transform:rotate(-10deg)scale(1.09)}to{transform:rotate(-6deg)scale(1.1)}}@keyframes flash{0%{opacity:0;transform:scale(1)}20%{opacity:1;transform:scale(28)}to{opacity:0;transform:scale(46)}}.slipwrap{grid-template-rows:0fr;width:min(340px,88vw);transition:grid-template-rows .7s cubic-bezier(.4,0,.2,1) .12s;display:grid}.revealed .slipwrap{grid-template-rows:1fr;transition:grid-template-rows .9s cubic-bezier(.2,.8,.2,1)}.slipclip{min-height:0;padding:0 14px;overflow:hidden}.slip{opacity:0;padding:6px 0 18px;transition:opacity .32s,transform .5s cubic-bezier(.55,0,.75,.2);transform:translateY(-40px)scale(.12,.35)}.revealed .slip{opacity:1;transition:opacity .5s .2s,transform .9s cubic-bezier(.2,1.15,.3,1) .1s;transform:rotate(-1.2deg)}.slip{filter:drop-shadow(0 10px 14px #3206046b)drop-shadow(0 2px 2px #32060440)}.paper{clip-path:polygon(.6% 2%,6% 0,18% 1.2%,31% .2%,47% 1%,63% 0,78% 1.1%,92% .3%,99.4% 1.6%,100% 22%,99.3% 48%,100% 76%,99.5% 98.4%,88% 100%,72% 98.9%,55% 100%,38% 99%,22% 100%,7% 98.8%,.3% 99.6%,0 74%,.7% 51%,0 24%);background-color:#f8f2e3;background-image:linear-gradient(90deg,#5a3c1e1a 0%,#5a3c1e00 9% 47%,#5a3c1e17 49.6%,#ffffffb3 50.2%,#5a3c1e00 53% 90%,#5a3c1e1f 100%),linear-gradient(#ffffff59 0%,#fff0 30%,#5a3c1e00 75%,#5a3c1e12 100%),url(/fortunecookie/paper-texture.webp);background-size:auto,auto,320px 160px;flex-direction:column;align-items:center;gap:12px;padding:24px 28px 20px;display:flex;position:relative}.seal{color:#c0281d;mix-blend-mode:multiply;opacity:0;border:2px solid #c0281d;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;font-weight:700;line-height:1;display:flex;position:absolute;bottom:18px;right:16px;transform:scale(2.2)rotate(-14deg);-webkit-mask-image:url(/fortunecookie/stamp-mask.png);mask-image:url(/fortunecookie/stamp-mask.png);-webkit-mask-size:100% 100%;mask-size:100% 100%}.paper{gap:10px!important;padding:22px 26px 18px!important}.orn2{opacity:0;width:90%;height:auto;transition:opacity .2s;display:block}.revealed .orn2{opacity:1;transition:opacity .6s 1.4s}.paper .fell{color:#1e1612;text-align:center;letter-spacing:.005em;margin:0;font-family:IM Fell DW Pica,Georgia,serif;font-size:clamp(20px,5.6vw,23px);line-height:1.32}.corner{opacity:.7;width:13px;height:13px;position:absolute}.corner.tl{top:9px;left:9px}.corner.tr{top:9px;right:9px;transform:scaleX(-1)}.corner.bl{bottom:9px;left:9px;transform:scaleY(-1)}.corner.br{bottom:9px;right:9px;transform:scale(-1)}.vcol{writing-mode:vertical-rl;letter-spacing:.35em;color:#a8231b;opacity:.8;font-size:11px;font-weight:700;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.learn{color:#a8231b;opacity:0;font-family:IM Fell DW Pica,Georgia,serif;font-size:13.5px;transition:opacity .6s 1.4s}.learn .zh{font-size:14px;font-weight:700}.revealed .learn{opacity:.85}.next{opacity:0;flex-direction:column;align-items:center;gap:6px;width:84%;margin-top:-2px;padding-top:0;transition:opacity .2s;display:flex}.revealed .next{opacity:1;transition:opacity .6s 1.6s}.next .lbl{color:#a8231b;font-family:IM Fell DW Pica,Georgia,serif;font-size:14px;font-style:italic}.clock{align-items:flex-start;gap:6px;display:flex}.clock .u{flex-direction:column;align-items:center;min-width:46px;display:flex}.clock b{letter-spacing:.02em;color:#1e1612;font-variant-numeric:tabular-nums;font-family:Noto Serif,Georgia,serif;font-size:28px;font-weight:700;line-height:1}.clock small{letter-spacing:.18em;text-transform:uppercase;color:#a8231b;margin-top:5px;font-family:Inter Tight,sans-serif;font-size:9.5px;font-weight:600}.clock .colon{color:#a8231b;font-family:Noto Serif,Georgia,serif;font-size:24px;font-weight:700;line-height:1.05}.stamped .seal{animation:.45s cubic-bezier(.3,1.6,.5,1) forwards stamp}@keyframes stamp{0%{opacity:0;transform:scale(2.2)rotate(-14deg)}60%{opacity:.95;transform:scale(.94)rotate(-4deg)}to{opacity:.9;transform:scale(1)rotate(-6deg)}}.revealed .slip{opacity:1;transform:rotate(-1.2deg)}.slip{transform-origin:50%}.w{opacity:0;filter:blur(4px);transition:opacity .28s,transform .28s,filter .28s;display:inline-block;transform:translateY(8px)}.revealed .w{opacity:1;filter:none;transition:opacity .5s,transform .5s,filter .5s;transition-delay:calc(.65s + var(--i) * 70ms);transform:none}.lucky{opacity:0;flex-direction:column;align-items:center;gap:2px;transition:opacity .5s 1.4s;display:flex}.revealed .lucky{opacity:1}.lucky small{letter-spacing:.08em;color:#8e2a22;font-size:11px;font-weight:600}.lucky span{color:#a3241d;letter-spacing:.06em;font-family:Noto Serif,Georgia,serif;font-size:16px;font-weight:700}.lucky b{text-align:center;font-variant-numeric:tabular-nums;min-width:1.5em;display:inline-block}.footer{z-index:4;justify-items:center;display:grid;position:relative}.footer>.hint{flex-direction:column;grid-area:1/1;align-items:center;gap:12px;display:flex}.hint-closed{transition:opacity .55s .15s,transform .55s cubic-bezier(.2,.8,.2,1) .15s}.cracking .hint-closed{opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;transform:translateY(10px)}.hint-open{opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;transform:translateY(8px)}.revealed .hint-open{opacity:1;pointer-events:auto;transition:opacity .6s 1.8s,transform .6s cubic-bezier(.2,.8,.2,1) 1.8s;transform:none}.closing .hint-closed,.closing .cookie-btn{pointer-events:none}.tapbtn{all:unset;cursor:pointer;background:linear-gradient(90deg,#fff0 0%,#fffae147 28%,#7846001a 58%,#fffae133 84%,#fff0 100%),linear-gradient(#ffe7a4 0%,#f5c94e 26%,#e2a923 56%,#c58a0d 84%,#ae7607 100%);border:1px solid #9c6a05;border-radius:999px;align-items:center;gap:12px;min-height:54px;padding:0 32px;animation:3s ease-in-out infinite btnglow;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1.5px #ffffffbf,inset 0 -2px #965a0059,0 8px 22px #3c060473,0 0 26px #ffc85073}.tapbtn span.t{letter-spacing:.22em;text-transform:uppercase;color:#7a0f0c;text-shadow:0 1px #fff5d2b3;font-size:13px;font-weight:700}.tapbtn .dia{background:#a3160f}.tapbtn:after{content:"";background:linear-gradient(100deg,#fff0 0%,#ffffffa6 50%,#fff0 100%);width:40%;animation:4.5s ease-in-out 2.6s infinite sweep;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}@keyframes sweep{0%{left:-60%}30%,to{left:130%}}@keyframes btnglow{0%,to{box-shadow:inset 0 1.5px #ffffffbf,inset 0 -2px #965a0059,0 8px 22px #3c060473,0 0 20px #ffc85059}50%{box-shadow:inset 0 1.5px #ffffffbf,inset 0 -2px #965a0059,0 8px 22px #3c060473,0 0 40px #ffc850b3}}.tapbtn:focus-visible{outline-offset:6px;outline:2px solid #fbe184}.tapbtn:active{transform:translateY(1px)scale(.98)}.dia{background:var(--metal);width:6px;height:6px;transform:rotate(45deg)}.brand{letter-spacing:.16em;font-family:Noto Serif,Georgia,serif;font-size:12px;font-weight:600}.tomorrow{font-family:Noto Serif,Georgia,serif;font-size:17px;font-style:italic;font-weight:600}.again{all:unset;cursor:pointer;background:linear-gradient(#7e1714,#7e1714) padding-box,var(--metal) border-box;border:1.5px solid #0000;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:0 22px 0 18px;transition:box-shadow .3s,transform .2s;display:inline-flex;box-shadow:0 6px 16px #32060459,0 0 18px #ffc8502e}.again span{letter-spacing:.2em;text-transform:uppercase;font-size:11.5px;font-weight:700}.again svg{flex:none;width:16px;height:16px;transition:transform .6s cubic-bezier(.3,1.4,.5,1)}.again:hover{box-shadow:0 6px 16px #32060459,0 0 26px #ffc85066}.again:hover svg{transform:rotate(-200deg)}.again:active{transform:scale(.97)}.again:focus-visible{outline-offset:4px;outline:2px solid #fbe184}.closing .again svg{transition:transform .7s cubic-bezier(.4,0,.2,1);transform:rotate(-360deg)}.intro .band{animation:.9s cubic-bezier(.2,.8,.2,1) both bandin}@keyframes bandin{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.twig{stroke-dasharray:1;stroke-dashoffset:1px;animation:.9s cubic-bezier(.45,0,.2,1) forwards draw;animation-delay:calc(var(--d) * .78)}@keyframes draw{to{stroke-dashoffset:0}}.bl{transform-box:fill-box;transform-origin:50%;animation:.6s cubic-bezier(.3,1.5,.5,1) both bloom;animation-delay:calc(var(--d) * .78)}@keyframes bloom{0%{opacity:0;transform:scale(0)rotate(-60deg)}to{transform:scale(1)rotate(0)}}.lan-in{transform-box:fill-box;animation:1.1s cubic-bezier(.3,1.5,.5,1) both drop;animation-delay:calc(var(--d) * .78)}@keyframes drop{0%{opacity:0;transform:translateY(-60px)scaleY(.6)}55%{opacity:1}to{opacity:1;transform:none}}.intro header>*{animation:.7s cubic-bezier(.2,.8,.2,1) both rise}.intro .doufang{animation:.85s cubic-bezier(.3,1.4,.5,1) 1.1s both spinin}@keyframes spinin{0%{opacity:0;transform:rotate(-135deg)scale(0)}to{opacity:1;transform:rotate(45deg)scale(1)}}.intro h1{animation:.7s cubic-bezier(.2,.8,.2,1) 1.25s both rise,7s ease-in-out 2.6s infinite shimmer}.intro .sub{animation-delay:1.37s}.intro .date{animation-delay:1.48s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.intro .zone{animation:.85s cubic-bezier(.2,.8,.2,1) 1.55s both zonein}@keyframes zonein{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.intro .cookie-btn{animation:.8s cubic-bezier(.3,1.5,.5,1) 1.85s both cookiein}@keyframes cookiein{0%{opacity:0;transform:translateY(-30px)scale(.6)}to{opacity:1;transform:none}}.intro .footer{animation:.7s 2.2s both rise}.intro .mountains,.intro .cloud{animation:1.6s both fadein}@keyframes fadein{0%{opacity:0}}@media (max-height:760px){.stage{padding-bottom:22px}.hang.l1{width:56px}.hang.l2{width:48px}}@media (max-height:690px){.date{display:none}}@media (max-height:780px){.revealed .zone{width:min(150px,40vw)}.paper{padding:18px 22px 16px!important}.clock b{font-size:24px}.paper p{font-size:clamp(18px,5.2vw,21px)}.revealed header{gap:4px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}.twig{stroke-dashoffset:0}}
.login{z-index:4;flex-direction:column;align-items:center;width:min(338px,88vw);display:flex;position:relative}.login .ck{z-index:6;filter:drop-shadow(0 14px 14px #32060480);width:min(104px,27vw);height:auto;margin-bottom:-30px;animation:4.5s ease-in-out infinite ckfloat;position:relative}@keyframes ckfloat{0%,to{transform:translateY(0)rotate(-7deg)}50%{transform:translateY(-6px)rotate(-4deg)}}.paper.card{z-index:5;box-sizing:border-box;filter:drop-shadow(0 14px 16px #3206046b)drop-shadow(0 2px 2px #32060440);width:100%;position:relative;transform:rotate(-.8deg);align-items:stretch!important;gap:12px!important;padding:38px 26px 14px!important}.card .hd{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.card h2{color:#1e1612;margin:0;font-size:27px;font-weight:400;line-height:1.1}.card .fl{font-family:IM Fell DW Pica,Georgia,serif}.card .sub2{color:#a8231b;margin:0;font-size:15px;font-style:italic}.card .orn2{opacity:1;align-self:center;width:80%;margin:-4px 0}.fld{flex-direction:column;gap:6px;display:flex}.lb{letter-spacing:.18em;text-transform:uppercase;color:#a8231b;font-size:10.5px;font-weight:700}.lbrow{justify-content:space-between;align-items:baseline;display:flex}.forgot{color:#a8231b;font-size:13.5px;font-style:italic}.fld input{all:unset;box-sizing:border-box;color:#1e1612;background:#ffffff8c;border:1px solid #a8231b40;border-bottom:2px solid #a8231b8c;border-radius:6px 6px 2px 2px;width:100%;min-height:44px;padding:0 14px;font-family:Inter Tight,sans-serif;font-size:16px;transition:border-color .25s,background .25s,box-shadow .25s}.fld input::placeholder{color:#1e161266}.fld input:focus{background:#fffc;border-bottom-color:#a8231b;box-shadow:0 2px 0 -1px #ddae34}.pw{display:block;position:relative}.pw input{letter-spacing:.06em;padding-right:46px}.eye{all:unset;cursor:pointer;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.eye .slash{opacity:0;transition:opacity .2s}.eye[aria-pressed=true] .slash{opacity:1}.eye:focus-visible,.forgot:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #ddae34}.keep{cursor:pointer;color:#1e1612;align-items:center;gap:10px;margin-top:-2px;font-size:14px;font-weight:500;display:flex}.keep input{opacity:0;width:1px;height:1px;position:absolute}.keep .box{background:0 0;border:1.5px solid #a8231b;border-radius:4px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;transition:background .2s;display:flex}.keep .box svg{opacity:0;transition:opacity .2s,transform .25s cubic-bezier(.3,1.6,.5,1);transform:scale(.4)}.keep input:checked+.box{background:#a8231b}.keep input:checked+.box svg{opacity:1;transform:none}.keep input:focus-visible+.box{outline-offset:2px;outline:2px solid #ddae34}.login-btn{box-sizing:border-box;justify-content:center;width:100%;margin-top:2px;padding:0 20px!important}.login-btn .t{white-space:nowrap}.stage.account{padding-top:clamp(80px,13vh,124px)!important}.login-btn[disabled]{cursor:default;filter:saturate(.85)}.err{text-align:center;color:#a8231b;opacity:0;min-height:18px;margin:-4px 0 0;font-size:14px;font-style:italic;transition:opacity .3s,transform .3s;transform:translateY(-4px)}.err.on{opacity:1;transform:none}.card.shake{animation:.45s cubic-bezier(.36,.07,.19,.97) cardshake}@keyframes cardshake{0%,to{transform:rotate(-.8deg)translate(0)}20%{transform:rotate(-1.4deg)translate(-6px)}40%{transform:rotate(-.2deg)translate(5px)}60%{transform:rotate(-1.2deg)translate(-3px)}80%{transform:rotate(-.6deg)translate(2px)}}.account .footer .hint{flex-direction:column;align-items:center;gap:4px;display:flex}.newq{color:#f8eedc;font-family:Noto Serif,Georgia,serif;font-size:15px;font-style:italic}.act{letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid #ddae3499;padding:6px 4px;font-size:12.5px;font-weight:700;text-decoration:none}.act:focus-visible{outline-offset:4px;outline:2px solid #fbe184}.paper.card p.err{color:#a8231b;text-align:center;font-size:14px;line-height:1.3}.paper.card p.sub2{font-size:15px;line-height:1.3}.paper.card h2.fl{color:#1e1612}.intro .login .ck{animation:.8s cubic-bezier(.3,1.5,.5,1) 1.75s both cookiein,4.5s ease-in-out 2.55s infinite ckfloat}@keyframes cardin{0%{opacity:0;transform:translateY(40px)rotate(-.8deg)scale(.4,.12)}to{opacity:1;transform:rotate(-.8deg)}}.intro .card>.hd{animation-delay:1.85s}.intro .card>.orn2{animation-delay:1.95s}.intro .card>.fld:first-of-type{animation-delay:2.05s}.intro .card>.fld:nth-of-type(2){animation-delay:2.15s}.intro .card>.keep{animation-delay:2.25s}.intro .card>.login-btn{animation-delay:2.35s,0s}@media (max-height:760px){.paper.card{gap:9px!important;padding:32px 22px 10px!important}.login .ck{width:84px;margin-bottom:-24px}.card h2{font-size:24px}.fld input{min-height:40px}.account .sub{display:none}}.screens{width:100%;display:grid;position:relative}.screen{flex-direction:column;grid-area:1/1;align-items:center;gap:12px;width:100%;display:flex}.screen[hidden]{display:none}.screen .card{width:100%}.below{text-align:center;flex-direction:column;align-items:center;gap:2px;min-height:44px;display:flex}.screen.out .card{animation:.32s cubic-bezier(.55,0,.75,.2) forwards foldout}.screen.out .below{animation:.2s forwards fadeout}.screen.in .card{animation:.6s cubic-bezier(.2,1.1,.3,1) both foldin}.screen.in .card>*{animation:.45s cubic-bezier(.2,.8,.2,1) both rise}.screen.in .card>:nth-child(5){animation-delay:.12s}.screen.in .card>:nth-child(6){animation-delay:.18s}.screen.in .card>:nth-child(7){animation-delay:.24s}.screen.in .card>:nth-child(8){animation-delay:.3s}.screen.in .card>:nth-child(9){animation-delay:.36s}.screen.in .card>:nth-child(10){animation-delay:.42s}.screen.in .card>:nth-child(11){animation-delay:.48s}.screen.in .card>:nth-child(12){animation-delay:.54s}.screen.in .card>:nth-child(13){animation-delay:.6s}.screen.in .below{animation:.5s .35s both rise}@keyframes foldout{to{opacity:0;transform:rotate(-.8deg)scale(.6,.08)translateY(-30px)}}@keyframes foldin{0%{opacity:0;transform:translateY(30px)rotate(-.8deg)scale(.5,.1)}to{opacity:1;transform:rotate(-.8deg)}}@keyframes fadeout{to{opacity:0}}.intro .paper.card{animation:none}.intro .screen.first .card{animation:.95s cubic-bezier(.2,1.1,.3,1) 1.3s both cardin}.intro .screen.first .card>*{animation:.55s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:calc(1.85s + var(--k,0) * 80ms)}.intro .screen.first .below{animation:.6s 2.4s both rise}.intro .card>.hd,.intro .card>.orn2,.intro .card>.fld,.intro .card>.keep,.intro .card>.login-btn{animation:none}.note{text-align:center;color:#1e1612;margin:0;font-family:IM Fell DW Pica,Georgia,serif;font-size:16.5px;line-height:1.4}.paper.card p.note{font-size:16.5px;line-height:1.4}.lb.center{align-self:center}.codein{text-align:center;text-transform:uppercase;font-weight:700;letter-spacing:.14em!important;min-height:52px!important;font-family:Noto Serif,Georgia,serif!important;font-size:20px!important}.codein::placeholder{letter-spacing:.14em;font-weight:400}.opt{color:#1e16128c;font-size:13px;font-style:italic}.paper.card p.hint{color:#1e16129e;margin:-6px 0 0;font-family:Inter Tight,sans-serif;font-size:12.5px;line-height:1.35}.consent{align-items:flex-start;font-size:13px;line-height:1.4}.consent .box{margin-top:1px}.paper.card p.legal{text-align:center;color:#1e16129e;margin:0;font-family:Inter Tight,sans-serif;font-size:12px;line-height:1.4}.legal a,.who a{color:#a8231b;text-underline-offset:2px}.btn2{justify-content:center;align-self:stretch;min-height:46px}.btn2 span{letter-spacing:.2em;text-transform:uppercase;font-size:11.5px;font-weight:700}.who{background:#ffffff80;border:1px solid #a8231b33;border-radius:999px;align-items:center;gap:10px;padding:8px 10px;display:flex}.avatar{color:#f8f2e3;background:#a8231b;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-family:Noto Serif,Georgia,serif;font-size:15px;font-weight:700;display:flex}.who .mail{color:#1e1612;flex:1;font-size:14.5px}.who a{font-size:14px;font-style:italic}.rows{flex-direction:column;display:flex}.row{border-bottom:1px dashed #a8231b4d;grid-template-rows:auto auto;grid-template-columns:1fr auto;column-gap:10px;padding:9px 0;display:grid}.row .lb{grid-column:1}.row .val{color:#1e1612;grid-column:1;font-size:15.5px}.row .val.muted{color:#1e161280;font-style:italic}.row .edit{all:unset;cursor:pointer;color:#a8231b;text-underline-offset:3px;grid-area:1/2/3;align-self:center;font-size:14px;font-style:italic;text-decoration:underline}.switch{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:4px 0;display:flex}.sw-txt{flex-direction:column;gap:2px;display:flex}.sw-txt b{color:#1e1612;font-size:14.5px}.sw-txt small{color:#1e16129e;font-size:12px}.switch input{opacity:0;width:1px;height:1px;position:absolute}.track{background:#1e16122e;border-radius:999px;flex:none;width:46px;height:26px;transition:background .25s;position:relative;box-shadow:inset 0 1px 2px #00000026}.knob{background:#fffdf6;border-radius:50%;width:20px;height:20px;transition:transform .3s cubic-bezier(.3,1.5,.5,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch input:checked+.track{background:#a8231b}.switch input:checked+.track .knob{transform:translate(20px)}.switch input:focus-visible+.track{outline-offset:2px;outline:2px solid #ddae34}.actions{flex-direction:column;align-items:center;gap:8px;display:flex}.danger{all:unset;cursor:pointer;color:#a8231b;text-underline-offset:3px;font-size:14px;font-style:italic;text-decoration:underline}.scrollbox{color:#1e1612;max-height:min(46vh,380px);padding-right:6px;font-family:Inter Tight,sans-serif;overflow-y:auto}.scrollbox h3{color:#a8231b;margin:12px 0 4px;font-family:IM Fell DW Pica,Georgia,serif;font-size:18px;font-weight:400}.scrollbox h3:first-child{margin-top:0}.paper.card .scrollbox p{text-align:left;margin:0;font-size:13.5px;line-height:1.5}.paper.card .scrollbox p.muted{color:#1e161280;margin-top:12px;font-style:italic}.scrollbox::-webkit-scrollbar{width:4px}.scrollbox::-webkit-scrollbar-thumb{background:#a8231b59;border-radius:4px}@media (max-height:760px){.paper.card p.note{font-size:15px}.scrollbox{max-height:40vh}}html,body{overflow-y:auto!important}.stage.account{min-height:100%;height:auto!important}.login-btn .t{text-align:center;letter-spacing:.16em;line-height:1.3;white-space:normal!important}.login-btn{padding:10px 22px!important}#s-account .card{gap:10px!important}#s-account .fld input{min-height:42px}.paper.card p.hint{margin-top:-5px}
.opened .hint-closed,.revealed .hint-closed{opacity:0;pointer-events:none;transform:translateY(10px)}.row.wijzigen{grid-template-rows:auto auto auto;grid-template-columns:1fr}.row .knoppen{justify-content:flex-end;gap:16px;padding-top:8px;display:flex}.row .knoppen .edit[disabled]{opacity:.6;cursor:default;text-decoration:none}.fld input:autofill{-webkit-text-fill-color:#1e1612;caret-color:#1e1612;border-color:#e8c4be #e8c4be #ce847d;box-shadow:inset 0 0 0 100px #fdfaf4}.fld input:autofill:hover{-webkit-text-fill-color:#1e1612;caret-color:#1e1612;border-color:#e8c4be #e8c4be #ce847d;box-shadow:inset 0 0 0 100px #fdfaf4}.fld input:-webkit-autofill{-webkit-text-fill-color:#1e1612;caret-color:#1e1612;border-color:#e8c4be #e8c4be #ce847d;box-shadow:inset 0 0 0 100px #fdfaf4}.fld input:-webkit-autofill:hover{-webkit-text-fill-color:#1e1612;caret-color:#1e1612;border-color:#e8c4be #e8c4be #ce847d;box-shadow:inset 0 0 0 100px #fdfaf4}.fld input:autofill:focus{border-color:#e9c7c2 #e9c7c2 #a8231b;box-shadow:inset 0 0 0 100px #fefdfa,0 2px 0 -1px #ddae34}.fld input:autofill:focus{border-color:#e9c7c2 #e9c7c2 #a8231b;box-shadow:inset 0 0 0 100px #fefdfa,0 2px 0 -1px #ddae34}.fld input:autofill{transition:border-color .25s,background .25s}.fld input:autofill:hover{transition:border-color .25s,background .25s}.fld input:autofill:focus{transition:border-color .25s,background .25s}.fld input:-webkit-autofill{transition:border-color .25s,background .25s}.fld input:-webkit-autofill:hover{transition:border-color .25s,background .25s}.fld input:-webkit-autofill:focus{transition:border-color .25s,background .25s}.accountknop,.geluidknop{all:unset;cursor:pointer;z-index:7;background:radial-gradient(circle at 50% 30%,#500e0a80,#3206048c);border:1px solid #ddae3480;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;position:absolute;box-shadow:0 2px 7px #32060466,inset 0 1px #fbe18438}.accountknop:hover,.geluidknop:hover,.accountknop[aria-expanded=true]{border-color:#fbe184e6;box-shadow:0 2px 10px #32060473,inset 0 1px #fbe1844d}.accountknop:active,.geluidknop:active{transform:scale(.94)}.accountknop:focus-visible,.geluidknop:focus-visible{outline-offset:3px;outline:2px solid #fbe184}.accountknop svg,.geluidknop svg{fill:none;stroke:#ddae34;stroke-width:1.5px;stroke-linecap:round;width:27px;height:27px}.accountknop[aria-expanded=true] svg{stroke:#fbe184}.accountmenu{z-index:8;transform-origin:18% 100%;filter:drop-shadow(0 14px 16px #3206048c)drop-shadow(0 3px 3px #32060459);flex-direction:column;width:172px;animation:.42s cubic-bezier(.2,1.1,.3,1) both vouwomhoog;display:flex;position:absolute;transform:rotate(-1.2deg);gap:0!important;padding:6px 2px 5px!important}.accountmenu[hidden]{display:none}.menu-keuze{all:unset;cursor:pointer;color:#1e1612;align-items:center;gap:9px;padding:8px 13px;font-family:Inter Tight,sans-serif;font-size:14.5px;display:flex}.menu-keuze+.menu-keuze{border-top:1px dashed #a8231b4d}.menu-keuze:hover{background:#a8231b0f}.menu-keuze:focus-visible{outline-offset:-2px;outline:2px solid #ddae34}@keyframes vouwomhoog{0%{opacity:0;transform:translateY(-14px)rotate(-1.2deg)scale(.5,.1)}to{opacity:1;transform:rotate(-1.2deg)}}.menu-keuze .ruit{background:#a8231b;flex:none;width:5px;height:5px;transform:rotate(45deg)}.menu-keuze.uit{color:#a8231b;font-style:italic}.menu-keuze.uit .ruit{background:#a8231b8c}@media (max-height:780px){.accountknop svg,.geluidknop svg{width:23px;height:23px}}html{height:100dvh}.stage{justify-content:center;gap:clamp(10px,2.4vh,24px);padding-top:clamp(14px,4vh,56px);padding-bottom:clamp(14px,4vh,56px)}@media (max-height:760px){.stage{padding-bottom:clamp(14px,4vh,56px)}}.lan,.lan .tassel,.lan .lglow,.lan .halo,.lantern,.lantern .lglow{will-change:transform, opacity}.cl,.cloud,.mist,.branch,.hang,.rays,.gate,.glow,.cookie-box{will-change:transform}.stage.rustig .cl,.stage.rustig .cloud,.stage.rustig .mist,.stage.rustig .branch,.stage.rustig .mountains,.stage.rustig .tapbtn,.stage.rustig .tapbtn:after{animation-play-state:paused}.geluidknop[aria-pressed=false]{opacity:.55}.geluidknop[aria-pressed=false]:hover{opacity:.8}.stage{--knop:52px;--knop-links:18px;--knop-onder:44px;--knop-tussen:10px}@media (max-height:780px){.stage{--knop:44px}}@media (max-height:700px){.stage{--knop-links:12px;--knop-onder:32px}}@media (max-height:620px){.stage{--knop:40px;--knop-onder:28px}}.accountknop,.geluidknop{width:var(--knop);height:var(--knop);bottom:var(--knop-onder)}.accountknop{left:var(--knop-links)}.geluidknop{left:calc(var(--knop-links) + var(--knop) + var(--knop-tussen))}.accountmenu{left:var(--knop-links);bottom:calc(var(--knop-onder) + var(--knop) + var(--knop-tussen))}.taalknop{z-index:7;right:var(--knop-links);top:calc(env(safe-area-inset-top,0px) + 10px);letter-spacing:.09em;background:radial-gradient(circle at 50% 30%,#500e0a9e,#320604ad);border:1px solid #ddae3480;border-radius:13px;align-items:stretch;height:26px;font-family:Inter Tight,system-ui,sans-serif;font-size:11px;font-weight:600;display:flex;position:absolute;overflow:hidden;box-shadow:0 2px 7px #32060466,inset 0 1px #fbe18438}.taalknop>*{color:#ddae34b8;align-items:center;padding:0 9px;text-decoration:none;transition:color .25s,background-color .25s;display:flex}.taalknop>a:hover{color:#fbe184;background:#fbe1841a}.taalknop>a:focus-visible{outline-offset:2px;border-radius:13px;outline:2px solid #fbe184}.taalknop>.nu{color:#2a0d09;background:linear-gradient(#fbe184,#ddae34 60%,#c9971a);box-shadow:inset 0 -1px #2a0d0940}@media (max-height:620px){.taalknop{height:22px;font-size:10px}.taalknop>*{padding:0 7px}}@media print{.taalknop{display:none}}