@font-face{font-family:gabarito;src:url(../media/gabarito_latin_500_normal-s.p.3ib8l2cy-fe48.woff2)format("woff2");font-display:swap;font-weight:500}@font-face{font-family:gabarito;src:url(../media/gabarito_latin_800_normal-s.p.355mvjp6u9o0c.woff2)format("woff2");font-display:swap;font-weight:800}@font-face{font-family:gabarito;src:url(../media/gabarito_latin_900_normal-s.p.1i4cojifm60e6.woff2)format("woff2");font-display:swap;font-weight:900}@font-face{font-family:gabarito Fallback;src:local(Arial);ascent-override:94.06%;descent-override:26.02%;line-gap-override:0.0%;size-adjust:99.93%}.mO2_Ya_className{font-family:gabarito,gabarito Fallback}.mO2_Ya_variable{--font:"gabarito", "gabarito Fallback"}
:root{--field:#ee4226;--joke:#fff4e4;--punch:#1d1210;--ui:#1d1210;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--ease-out:cubic-bezier(.23, 1, .32, 1);--radius:14px;--line:3px;--pad:clamp(20px, 3.4vw, 48px)}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--field);min-height:100svh;color:var(--ui);font-family:var(--font), "Trebuchet MS", sans-serif;padding:var(--pad);padding-bottom:max(var(--pad), env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased;flex-direction:column;font-size:17px;font-weight:500;line-height:1.5;display:flex;overflow-x:hidden}a{color:inherit;text-underline-offset:3px}:focus-visible{outline:3px solid var(--ui);outline-offset:3px;border-radius:4px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top{flex-direction:column;align-items:flex-start;padding-right:56px;display:flex}.mark{letter-spacing:-.02em;align-items:center;min-height:44px;font-size:24px;font-weight:900;text-decoration:none;display:inline-flex}.date{margin-top:-6px;font-size:16px;font-weight:500}.listen{font:inherit;top:calc(var(--pad) - 4px);right:calc(var(--pad) - 10px);width:52px;height:52px;color:var(--ui);cursor:pointer;transition:transform .15s var(--ease-out);background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute}.listen:hover{transform:scale(1.08)}.listen svg{width:30px;height:30px}main{padding:var(--s7) 0;flex-direction:column;flex:1;justify-content:center;display:flex}.joke{--fs:clamp(46px, min(10.4vw, calc(var(--budget,54svh) / var(--lines,4))), 172px);max-width:16ch;font-size:var(--fs)}.joke[data-size=m]{--fs:clamp(40px, min(8.8vw, calc(var(--budget,54svh) / var(--lines,5))), 148px);max-width:19ch}.joke[data-size=l]{--fs:clamp(35px, min(7.2vw, calc(var(--budget,54svh) / var(--lines,6))), 120px);max-width:22ch}.joke[data-size=xl]{--fs:clamp(31px, min(6vw, calc(var(--budget,54svh) / var(--lines,7))), 98px);max-width:26ch}.joke h1,.joke .punch{letter-spacing:-.035em;text-wrap:balance;font-size:1em;font-weight:900;line-height:.96}.joke h1{color:var(--joke)}.joke .punch{color:var(--punch);margin-top:.32em}.punch .w{transition-delay:calc(var(--i) * .11s);display:inline-block}.punch[data-hidden=true]{cursor:pointer;-webkit-user-select:none;user-select:none}.punch[data-hidden=true] .w{filter:blur(.2em);opacity:.45;transition-delay:0s;transform:translateY(.08em)scale(.98)}.controls{margin-top:var(--s6);gap:var(--s4);flex-direction:column;align-items:flex-start;display:flex}.row{gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.btn{font:inherit;min-height:56px;padding:0 var(--s5);border-radius:var(--radius);border:var(--line) solid var(--ui);color:var(--ui);cursor:pointer;align-items:center;gap:var(--s2);transition:transform .15s var(--ease-out), background .15s, color .15s;background:0 0;font-size:19px;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)scale(.98)}.btn.solid,.btn[aria-pressed=true]{background:var(--ui);color:var(--field)}.btn svg{flex:none;width:20px;height:20px}.btn:disabled{cursor:default;opacity:.45;transform:none}.btn[aria-pressed=true]:disabled{opacity:1}.result{font-size:20px;font-weight:800}.result span{margin-right:.4em;display:inline-block}.hint{font-size:16px}.btn.fill,.btn.fill[aria-pressed=true]{color:var(--ui);background:0 0;position:relative;overflow:hidden}.btn.fill:after{content:attr(data-label);inset:calc(var(--line) * -1);background:var(--ui);color:var(--field);clip-path:inset(0 100% 0 0);animation:fill var(--secs,5s) linear var(--from,0s) forwards;place-items:center;display:grid;position:absolute}@keyframes fill{to{clip-path:inset(0)}}.next{gap:var(--s2) var(--s5);flex-wrap:wrap;display:flex}.text{font:inherit;color:inherit;cursor:pointer;align-items:center;gap:var(--s2);text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:0;font-size:17px;font-weight:800;text-decoration:underline;display:inline-flex}.text svg{flex:none;width:20px;height:20px}html:has(dialog[open]){overflow:hidden}.sheet{--sheet-bg:var(--ui);--sheet-fg:var(--field);padding:var(--s5);background:var(--ui);color:var(--field);width:min(92vw,420px);max-height:92svh;font:inherit;border:0;border-radius:24px;margin:auto;overflow:auto}.sheet::backdrop{background:#0009}.sheet[open]{animation:sheet .28s var(--ease-out)}@keyframes sheet{0%{opacity:0;transform:translateY(24px)}}.sheet-head{margin-bottom:var(--s4);justify-content:space-between;align-items:center;display:flex}.sheet-head h2{letter-spacing:-.02em;font-size:22px;font-weight:900}.sheet .x{font:inherit;width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-right:-10px;display:grid}.sheet .x svg{width:24px;height:24px}.sheet img{border-radius:var(--radius);width:100%;height:auto;display:block}.sheet :focus-visible{outline-color:var(--field)}.opts{gap:var(--s5) var(--s2);margin-top:var(--s5);grid-template-columns:repeat(3,1fr);display:grid}.opt{font:inherit;color:inherit;cursor:pointer;align-items:center;gap:var(--s2);text-align:center;background:0 0;border:0;flex-direction:column;padding:0;font-size:16px;font-weight:800;text-decoration:none;display:flex}.opt .ic{border:var(--line) solid currentColor;width:60px;height:60px;transition:background .15s, color .15s, transform .15s var(--ease-out);border-radius:50%;place-items:center;display:grid}.opt:hover .ic{background:var(--field);color:var(--ui);transform:translateY(-2px)}.opt svg{width:26px;height:26px}.rise{animation:rise .5s var(--ease-out) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.note{font-size:16px}.note a{align-items:center;min-height:44px;display:inline-flex}.burst{pointer-events:none;z-index:5;width:100%;height:100%;position:fixed;inset:0}.joke h1 .in{animation:word-in .55s var(--ease-out) both;animation-delay:calc(var(--i) * 55ms + .12s);display:inline-block}@keyframes word-in{0%{opacity:0;transform:translateY(.35em)rotate(2deg)}}.joke .punch,.controls{animation:rise .5s var(--ease-out) both;animation-delay:calc(var(--after,12) * 55ms + .3s)}.joke .punch{animation-delay:calc(var(--lines,4) * .15s + .3s)}.joke h1 .in,.punch .w{transition:color .12s linear, filter .5s var(--ease-out), opacity .5s var(--ease-out), transform .6s var(--ease-out)}.joke h1 .said{color:var(--punch)}.joke .punch .said{color:var(--joke)}.sheet-note{margin-top:var(--s4);font-size:16px;font-weight:800}@view-transition{navigation:auto}.foot{font-size:17px;font-weight:800;display:flex}.sheet .signup{--ui:var(--sheet-fg);--field:var(--sheet-bg)}.sheet-head h2{text-wrap:balance;padding-right:var(--s3)}.signup .row{gap:var(--s2);flex-wrap:nowrap}.signup input[type=email]{font:inherit;width:300px;min-width:0;min-height:56px;padding:0 var(--s4);border:var(--line) solid var(--ui);border-radius:var(--radius);color:var(--ui);background:0 0;flex:160px;font-size:18px;font-weight:800}.signup input::placeholder{color:var(--ui);opacity:.6}.signup .msg{margin-top:var(--s3);min-height:24px;font-size:16px}.hp input{font-size:16px}.hp{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.small{gap:var(--s5);align-items:center;display:flex}.small a{padding:var(--s3) var(--s1);align-items:center;min-height:44px;display:inline-flex}.page{max-width:62ch}.page h1{letter-spacing:-.03em;color:var(--joke);margin-bottom:var(--s6);text-wrap:balance;font-size:clamp(36px,6vw,72px);font-weight:900;line-height:1}.page h2{margin:var(--s6) 0 var(--s2);font-size:22px;font-weight:800}.page p{margin-bottom:var(--s4);text-wrap:pretty;font-size:18px}@media (hover:hover) and (pointer:fine){.quiet .top,.quiet .listen,.quiet .foot,.quiet .next,.quiet .result,.quiet .hint,.quiet .note,.quiet .controls .btn{transition:opacity .45s var(--ease-out), transform .15s var(--ease-out), background .15s, color .15s}.quiet:not(.awake):not(:focus-within):not(:has(dialog[open])) :is(.top,.listen,.foot,.next,.result,.hint,.note){opacity:0}.quiet:not(.awake):not(:focus-within):not(:has(dialog[open])) .controls .btn:not(.fill){opacity:.28}}@media (min-width:900px){.joke{--lines:var(--lines-wide);max-width:19ch}.joke[data-size=m]{max-width:24ch}.joke[data-size=l]{max-width:28ch}.joke[data-size=xl]{max-width:32ch}.joke,.joke[data-size]{--budget:58svh}.btn{min-height:64px;padding:0 var(--s6);font-size:21px}.signup .btn,.signup input[type=email]{min-height:56px;font-size:18px}.result{font-size:24px}}@media (max-width:600px){.sheet{width:100%;max-width:100%;padding-bottom:max(var(--s5), env(safe-area-inset-bottom));border-radius:24px 24px 0 0;margin:auto 0 0}.sheet img{width:min(100%,46svh);margin:0 auto}main{padding:var(--s6) 0}.btn{padding:0 20px;font-size:17px}.mark{white-space:nowrap;font-size:21px}.small{gap:var(--s4)}}@media (prefers-reduced-motion:reduce){.punch .w,.btn,.listen{transition:none}.rise,.sheet[open],.joke h1 .in,.joke .punch,.controls{animation:none}.btn.fill:after{animation-timing-function:steps(5,end)}.burst{display:none}}
