@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-vietnamese-400-normal-BbvBhFjQ.woff2)format("woff2"),url(/assets/bangers-vietnamese-400-normal-Ll9rymNv.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:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-latin-ext-400-normal-7BLmjjiv.woff2)format("woff2"),url(/assets/bangers-latin-ext-400-normal-CzVt_Cgx.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:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-latin-400-normal-DeHY8Ncq.woff2)format("woff2"),url(/assets/bangers-latin-400-normal-BAEm-Pv0.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:Comic Neue;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/comic-neue-latin-700-normal-NE4Vcoll.woff2)format("woff2"),url(/assets/comic-neue-latin-700-normal-yR9qu__P.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:Comic Neue;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/comic-neue-latin-700-italic-Dsy8JVpH.woff2)format("woff2"),url(/assets/comic-neue-latin-700-italic-BKGWXRoQ.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}:root,:root[data-theme=day]{--paper:#fff;--ink:#14101a;--cloud:#eceaf0;--dot:#ff5a4d8c;--accent:#ff5a4d;--yellow:#ffd93b;--balloon:#fff;--balloon-ink:#14101a;--page:#fff;--display:"Bangers", Impact, "Arial Black", sans-serif;--body:"Comic Neue", "Comic Sans MS", "Chalkboard SE", sans-serif}:root[data-theme=night]{--paper:#1b1030;--ink:#fbf3ea;--cloud:#2a1a47;--dot:#ff5a4d59;--accent:#ff5a4d;--yellow:#ffd93b;--balloon:#fff;--balloon-ink:#14101a;--page:#0d0716}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-theme=day]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--page);color:var(--ink);font:700 18px/1.2 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.page{grid-template-rows:1fr auto;place-items:center;gap:10px;min-height:100svh;padding:clamp(14px,4vw,48px) clamp(14px,4vw,48px) 10px;display:grid}.panel{background:var(--paper);border:6px solid var(--ink);width:min(100%,1040px);height:clamp(360px,72svh,640px);box-shadow:10px 10px 0 var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transform:rotate(-.35deg)}.panel__dots{pointer-events:none;background:radial-gradient(circle, var(--dot) 28%, transparent 30%) 0 0 / 11px 11px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 100% 0,#000 0,#0000 55%),radial-gradient(90% 80% at 0 100%,#000 0,#0000 50%);mask-image:radial-gradient(120% 90% at 100% 0,#000 0,#0000 55%),radial-gradient(90% 80% at 0 100%,#000 0,#0000 50%)}.panel__tag{background:var(--yellow);color:#14101a;border-right:4px solid var(--ink);border-bottom:4px solid var(--ink);font:400 clamp(20px, 3vw, 30px)/1 var(--display);letter-spacing:.06em;text-transform:uppercase;padding:6px 16px 4px;position:absolute;top:0;left:0}.panel__cv{width:100%;height:100%;display:block;position:absolute;inset:0}.balloon{background:var(--balloon);color:var(--balloon-ink);text-align:center;text-transform:uppercase;letter-spacing:.02em;z-index:2;border:4px solid #14101a;border-radius:50%/46%;margin-bottom:14px;padding:14px 22px 16px;font-size:clamp(18px,3.4vw,34px);line-height:1.05;animation:.35s cubic-bezier(.3,1.7,.5,1) both pop;position:absolute;transform:translate(-50%)}.balloon p{padding:4px 8px}.balloon:before,.balloon:after{content:"";left:clamp(40px, calc(50% + var(--tail,0px)), calc(100% - 40px));position:absolute;transform:translate(-50%)}.balloon:before{border:14px solid #0000;border-top:22px solid #14101a;border-bottom:0;bottom:-26px}.balloon:after{border:11px solid #0000;border-top:18px solid var(--balloon);border-bottom:0;bottom:-18px}.balloon--ask{border-radius:38px}.balloon__row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;display:flex}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.4)rotate(-6deg)}}.btn{color:#14101a;font:400 clamp(18px, 2.6vw, 24px)/1 var(--display);letter-spacing:.06em;text-transform:uppercase;background:#fff;border:4px solid #14101a;border-radius:999px;align-items:center;gap:8px;padding:9px 18px 8px;transition:transform 80ms,box-shadow 80ms;display:inline-flex;box-shadow:4px 4px #14101a}.btn svg{fill:currentColor;width:1.1em;height:1.1em}.btn--yes{background:var(--yellow)}.btn:hover{transform:translate(-1px,-1px);box-shadow:6px 6px #14101a}.btn:active{transform:translate(4px,4px);box-shadow:0 0 #14101a}.mode{background:var(--paper);border:4px solid var(--ink);width:46px;height:46px;box-shadow:3px 3px 0 var(--ink);z-index:5;border-radius:50%;place-items:center;display:grid;position:fixed;top:14px;right:14px}.mode svg{width:22px;height:22px;fill:var(--ink)}.mode:active{box-shadow:none;transform:translate(3px,3px)}.foot{font:700 13px var(--body);opacity:.6}.reader{z-index:20;background:var(--page);grid-template-rows:1fr auto;place-items:center;padding:14px;animation:.2s both fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.reader__page{cursor:pointer;place-items:center;width:100%;height:100%;min-height:0;display:grid}.reader__page img{object-fit:contain;border:5px solid var(--ink);max-width:100%;max-height:100%;box-shadow:8px 8px 0 var(--ink);image-rendering:auto;background:#fff;animation:.28s both flip}@keyframes flip{0%{opacity:0;transform:translate(20px)rotate(1.5deg)}}.reader__empty{font:400 clamp(28px, 6vw, 56px) var(--display);text-transform:uppercase}.reader__x{border:4px solid var(--ink);background:var(--yellow);color:#14101a;width:46px;height:46px;box-shadow:3px 3px 0 var(--ink);z-index:2;border-radius:50%;font-size:20px;position:absolute;top:14px;right:14px}.reader__bar{align-items:center;gap:16px;padding-top:14px;display:flex}.arrow{border:4px solid var(--ink);background:var(--yellow);color:#14101a;width:52px;height:44px;box-shadow:3px 3px 0 var(--ink);border-radius:999px}.arrow:disabled{opacity:.3;cursor:default}.arrow:active:not(:disabled){box-shadow:none;transform:translate(3px,3px)}.dots{gap:8px;display:flex}.dots i{border:3px solid var(--ink);border-radius:50%;width:12px;height:12px}.dots i.on{background:var(--accent)}@media (width<=560px){.panel{height:clamp(380px,68svh,560px);box-shadow:6px 6px 0 var(--ink);border-width:5px}}@media (prefers-reduced-motion:reduce){.balloon,.reader,.reader__page img{animation:none}}