@font-face{font-family:Meme;src:local(Impact),url(/assets/anton-latin-BbqyLdY8.woff2)format("woff2");font-display:swap}@font-face{font-family:Marker;src:url(/assets/marker-subset-CvIh8wO6.woff2)format("woff2");font-display:swap;unicode-range:U+21,U+2B-2E,U+30-39,U+3F,U+41-5A,U+7E,U+2212,U+2248}:root{--ink:#141116;--paper:#fff;--violet:#9b3af9;--ground:#7d2fe0;--red:#e8202a;--hi:#ffe23d;--muted:#5d5566;--well:#f5f1fa;--meme:"Meme", Impact, Anton, "Arial Narrow", sans-serif;--marker:"Marker", "Permanent Marker", "Marker Felt", "Comic Sans MS", cursive;--body:Arial, "Helvetica Neue", Helvetica, sans-serif;--rim:0 0 0 6px var(--paper), 0 0 0 7px #463c5a4d;--lift:0 20px 36px -10px #18082cb3, 0 5px 12px #18082c59;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);min-height:100dvh;color:var(--ink);font:16px/1.4 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.btn:focus-visible,.copy:focus-visible,.pill:focus-visible{outline-color:var(--hi);outline-offset:5px}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wall{z-index:0;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}.vignette{z-index:0;pointer-events:none;background:radial-gradient(46% 62% at 50% 46%,#16062aa8,#16062a6b 55%,#16062a00 100%),linear-gradient(#16062a2e,#16062a2e);position:fixed;inset:0}.stage{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:26px;min-height:100dvh;padding-block:max(28px,6vh) 22px;padding-inline:16px;display:flex;position:relative}.hero{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.caption{font-family:var(--meme);letter-spacing:.012em;color:var(--paper);-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ink), 0 .12em .3em #0a021473;text-wrap:balance;margin:0;font-size:clamp(34px,10.2vw,106px);font-weight:400;line-height:.95}.strip{background:var(--ink);max-width:min(42em,100%);color:var(--paper);font:700 15px/1.35 var(--body);box-shadow:0 0 0 4px var(--paper), 0 0 0 5px #463c5a4d, 0 10px 20px #0a021466;border-radius:7px;margin:0;padding:8px 14px;display:inline-block;transform:rotate(-1.2deg)}.card{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--rim), var(--lift);border-radius:22px}.input-card{width:min(640px,100%);padding:16px}.field{background:var(--well);border:2px solid #d8cde6;border-radius:14px;transition:border-color .15s ease-out,box-shadow .15s ease-out;position:relative}.field:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px #9b3af938}.hl,.field textarea{font:17px/1.5 var(--body);letter-spacing:0;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;scrollbar-gutter:stable;border:0;margin:0;padding:12px 14px}.hl{color:#0000;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hl mark{color:#0000;background:#9b3af929;border-radius:3px}.hl mark.neg{background:#e8202a29}.hl mark.on{background:var(--hi);box-shadow:0 0 0 3px var(--hi)}.field textarea{z-index:1;resize:none;width:100%;min-height:112px;max-height:40vh;color:var(--ink);background:0 0;outline:none;display:block;position:relative;overflow-y:auto}.field textarea::placeholder{color:#6f8f2a;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:15.5px}.try-row{align-items:center;gap:10px;margin-top:12px;display:flex}.try{font:700 12px/1 var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex:none}.chips{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));flex:auto;gap:6px;min-width:0;display:grid}.chip{min-width:0;font:700 13px/1.1 var(--body);border:2px solid var(--ink);background:var(--paper);text-wrap:balance;border-radius:999px;min-height:36px;padding:3px 10px;transition:background-color .12s ease-out,transform .12s ease-out}.chip:hover{background:var(--hi)}.chip:active{transform:scale(.96)}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}.btn{width:100%;font-family:var(--meme);letter-spacing:.03em;color:var(--paper);background:var(--red);border:3px solid var(--ink);min-height:54px;box-shadow:0 4px 0 var(--ink);border-radius:14px;margin-top:12px;padding:0 24px;font-size:27px;line-height:1;transition:transform .12s ease-out,box-shadow .12s ease-out,background-color .12s ease-out;display:block}.btn:hover{box-shadow:0 5px 0 var(--ink);transform:translateY(-1px)rotate(-.4deg)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn[aria-busy=true]{cursor:progress;background:#b71c24}.status{font:13px/1.35 var(--body);color:var(--muted);min-height:0;margin:10px 2px 0}.status:empty{display:none}.status.err{color:var(--red);font-weight:700}.brain-go{font:700 12px/1 var(--body);color:var(--ink);text-underline-offset:3px;background:0 0;border:0;padding:4px 0;text-decoration:underline}.brain-go:hover{color:var(--violet)}.result:not([hidden]){display:contents}.tag{background:var(--red);width:min(420px,100%);color:var(--paper);border:3px solid var(--ink);text-align:center;box-shadow:var(--rim), var(--lift);border-radius:20px;padding:12px 14px;transform:rotate(-2deg)}.tag p{margin:0}.hello{font:400 46px/.95 var(--meme);letter-spacing:.06em}.mwi{font:700 16px/1.2 var(--body);margin:2px 0 10px!important}.write{background:var(--paper);color:var(--ink);border-radius:10px;padding:12px 10px 10px}.num{font:400 64px/1.02 var(--marker);white-space:nowrap;font-variant-numeric:tabular-nums}.unit{font:400 26px/1 var(--marker);letter-spacing:.04em;margin-top:2px!important}.rate{font:700 12.5px/1.35 var(--body);margin-top:10px!important}.pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pill{font:700 13.5px/1 var(--body);border:2px solid var(--ink);background:var(--paper);min-height:40px;box-shadow:0 0 0 3px var(--paper), 0 8px 16px #0a021459;border-radius:999px;padding:0 14px;transition:background-color .12s ease-out,color .12s ease-out,transform .12s ease-out}.pill:hover{background:var(--hi)}.pill:active{transform:scale(.96)}.pill[aria-checked=true]{background:var(--ink);color:var(--paper)}.reaction{align-items:center;gap:8px;width:min(460px,100%);display:flex}.reaction img{flex:none;width:min(42%,190px);height:auto;display:block}.reaction img.wide{width:min(50%,236px)}.bubble{background:var(--paper);border:3px solid var(--ink);min-width:0;box-shadow:0 0 0 5px var(--paper), 0 0 0 6px #463c5a4d, 0 14px 26px -6px #0a02148c;border-radius:26px 22px 24px 20px/22px 26px 20px 24px;flex:auto;margin-bottom:12%;padding:12px 14px;position:relative}.bubble:before,.bubble:after{content:"";border-style:solid;border-color:#0000;position:absolute}.bubble:before{border-width:12px 24px 12px 0;border-right-color:var(--ink);top:26px;left:-26px}.bubble:after{border-width:9px 19px 9px 0;border-right-color:var(--paper);top:29px;left:-19px}.line{font:400 25px/1.04 var(--meme);letter-spacing:.01em;text-transform:uppercase;overflow-wrap:anywhere;margin:0}.cap{font:700 14px/1.3 var(--body);color:var(--ink);margin:8px 0 0}.cap:empty{display:none}.meta{font:700 11.5px/1.35 var(--body);color:var(--muted);margin:8px 0 0}.ledger-card{width:min(640px,100%);padding:14px 14px 10px}.ledger-card h2{font:400 21px/1.1 var(--meme);letter-spacing:.03em;margin:0 0 2px}.hint{font:12.5px/1.3 var(--body);color:var(--muted);margin:0 0 6px}.ledger{margin:0;padding:0;list-style:none}.ledger li+li{border-top:2px dashed #e4dcef}.ln{text-align:left;width:100%;font:15px/1.3 var(--body);background:0 0;border:0;border-radius:10px;grid-template-columns:5.4em minmax(0,1fr);align-items:baseline;gap:12px;padding:9px 8px;transition:background-color .12s ease-out;display:grid}.ln:hover{background:var(--well)}.ln[aria-pressed=true]{background:var(--hi)}.amt{font:400 21px/1 var(--meme);text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.01em}.amt.neg{color:var(--red)}.amt.zero{color:#9a91a5}.lbl{overflow-wrap:anywhere}.flag{vertical-align:1px;font:700 10.5px/1 var(--body);text-transform:uppercase;letter-spacing:.06em;background:var(--ink);color:var(--paper);border-radius:5px;margin-left:6px;padding:3px 6px;display:inline-block}.more{font:12.5px/1.45 var(--body);color:var(--muted);margin:0;padding:0 8px 10px calc(5.4em + 20px)}.more a{color:inherit}.more .jk{font:700 14px/1.35 var(--body);color:var(--ink);margin-bottom:4px;display:block}.copy{font:400 21px/1 var(--meme);letter-spacing:.03em;background:var(--paper);border:3px solid var(--ink);min-height:48px;box-shadow:0 0 0 4px var(--paper), 0 10px 20px #0a021466;border-radius:12px;padding:0 20px;transition:transform .12s ease-out,background-color .12s ease-out}.copy:hover{background:var(--hi)}.copy:active{transform:scale(.97)}.foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:4px;display:flex;position:relative}.foot-btn{font:700 12px/1 var(--body);color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:999px;min-height:30px;padding:0 12px;transition:background-color .12s ease-out,color .12s ease-out}.foot-btn:hover{background:var(--hi)}.foot-btn[aria-expanded=true]{background:var(--ink);color:var(--paper)}.about{z-index:10;text-align:left;transform-origin:50% 100%;width:min(540px,100vw - 32px);max-height:min(74vh,600px);padding:16px 18px;animation:.18s cubic-bezier(.2,.8,.2,1) both about-in;position:absolute;bottom:calc(100% + 16px);left:50%;overflow-y:auto;translate:-50%}.about:focus{outline:none}.about:focus-visible{outline:3px solid var(--hi);outline-offset:9px}@keyframes about-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.about-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.about h2{font:400 22px/1 var(--meme);letter-spacing:.03em;background:var(--ink);color:var(--paper);border-radius:7px;margin:0;padding:6px 10px 5px;display:inline-block;transform:rotate(-1.2deg)}.about-x{background:var(--paper);border:2px solid var(--ink);border-radius:999px;flex:none;place-items:center;width:36px;height:36px;padding:0;transition:background-color .12s ease-out;display:grid}.about-x:hover{background:var(--hi)}.about-x svg{fill:none;width:18px;height:18px;stroke:var(--ink);stroke-width:2.8px;stroke-linecap:round}.about-what{font:700 15px/1.35 var(--body);margin:0 0 6px}.about-how{font:14px/1.45 var(--body);margin:0 0 12px}.about-live{background:var(--well);border:2px solid #d8cde6;border-radius:12px;gap:6px;margin-bottom:12px;padding:9px 12px;display:grid}.live-row{font:13px/1.4 var(--body);grid-template-columns:6.6em minmax(0,1fr);align-items:baseline;gap:10px;margin:0;display:grid}.live-k{font:700 11px/1.4 var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.live-v{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;display:flex}.meter{background:var(--paper);border:2px solid var(--ink);border-radius:999px;width:96px;height:9px;display:inline-block;overflow:hidden}.meter>span{background:var(--violet);width:0;height:100%;transition:width .2s linear;display:block}.about-credit{font:12px/1.45 var(--body);color:var(--muted);margin:0}.about-credit a{color:var(--ink);font-weight:700}.sound{z-index:3;top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);gap:8px;display:flex;position:fixed}.snd{background:var(--paper);border:2px solid var(--ink);width:40px;height:40px;box-shadow:0 0 0 3px var(--paper), 0 8px 16px #0a021459;border-radius:999px;place-items:center;padding:0;transition:background-color .12s ease-out,transform .12s ease-out;display:grid}.snd:hover{background:var(--hi)}.snd:active{transform:scale(.94)}.snd svg{fill:none;width:22px;height:22px;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.snd svg circle,.snd svg path:first-child{fill:var(--ink)}#musicToggle svg path:first-child{fill:none}.snd[aria-pressed=true] .off,.snd[aria-pressed=false] .on{display:none}.snd[aria-pressed=false]{opacity:.82}.stage[data-state=result]{justify-content:flex-start;gap:22px}.stage[data-state=result] .caption{font-size:clamp(32px,8.4vw,54px)}.stage[data-state=result] .hero{gap:12px}.stage[data-state=result] .strip{display:none}@media (width>=1000px){.stage[data-state=result]{grid-template:"hero hero""input tag""input pills""ledger reaction""ledger copy"1fr"foot foot"/minmax(0,580px) minmax(0,440px);place-content:center;align-items:start;gap:18px 40px;padding-block:24px 18px;display:grid}.stage[data-state=result] .caption{font-size:clamp(40px,3.9vw,58px)}.stage[data-state=result] .caption br{display:none}.stage[data-state=result] .hero{grid-area:hero}.stage[data-state=result] .input-card{grid-area:input;width:100%}.stage[data-state=result] .tag{grid-area:tag;justify-self:center}.stage[data-state=result] .pills{grid-area:pills}.stage[data-state=result] .reaction{grid-area:reaction;justify-self:center}.stage[data-state=result] .ledger-card{grid-area:ledger;width:100%}.stage[data-state=result] .copy{grid-area:copy;justify-self:center}.stage[data-state=result] .foot{grid-area:foot}}@media (width>=1000px) and (height<=860px){.stage[data-state=result]{row-gap:10px;padding-block:12px 8px}.stage[data-state=result] .caption{font-size:clamp(34px,3.3vw,46px)}.stage[data-state=result] .input-card{padding:12px}.stage[data-state=result] .field textarea{min-height:84px}.stage[data-state=result] .try-row,.stage[data-state=result] .btn{margin-top:8px}.stage[data-state=result] .hello{font-size:36px}.stage[data-state=result] .mwi{margin:0 0 6px!important}.stage[data-state=result] .write{padding:8px 10px 6px}.stage[data-state=result] .rate{margin-top:6px!important}.stage[data-state=result] .hint{display:none}.stage[data-state=result] .ln{padding:6px 8px}.stage[data-state=result] .ledger-card{padding:10px 12px 6px}.stage[data-state=result] .ledger-card h2{margin-bottom:4px}.stage[data-state=result] .reaction img{width:min(38%,160px)}.stage[data-state=result] .reaction img.wide{width:min(46%,210px)}.stage[data-state=result] .bubble{margin-bottom:3%}.stage[data-state=result] .foot{gap:8px;margin-top:0}.stage[data-state=result] .foot-btn{min-height:26px;font-size:11px}}@media (width<=560px){.sound{position:absolute}.stage{gap:22px;padding-top:max(64px,6vh)}.try-row{flex-direction:column;align-items:stretch;gap:7px}.try{padding-left:2px}.chips{grid-template-columns:repeat(var(--cols-phone,2), minmax(0, 1fr))}.strip{font-size:14px}.hello{font-size:40px}.num{font-size:52px}.line{font-size:22px}.ln{grid-template-columns:4.6em minmax(0,1fr);gap:10px;font-size:14.5px}.more{padding-left:calc(4.6em + 18px)}}@media (pointer:coarse){.snd{width:44px;height:44px}.brain-go{min-height:40px}.chip,.pill{min-height:44px}.foot-btn{min-height:40px}}@keyframes slap{0%{opacity:0;transform:scale(1.22) rotate(var(--r0,-7deg))}55%{opacity:1}to{opacity:1;transform:scale(1) rotate(var(--r1,0deg))}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.in .tag{--r0:-9deg;--r1:-2deg;animation:.42s cubic-bezier(.2,.9,.3,1.25) both slap}.in .pills{animation:.3s cubic-bezier(.2,.8,.2,1) .12s both rise}.in .reaction img{--r0:8deg;animation:.4s cubic-bezier(.2,.9,.3,1.25) .16s both slap}.in .bubble{transform-origin:0 85%;animation:.34s cubic-bezier(.2,.9,.3,1.3) .3s both pop}.in .ledger-card{animation:.34s cubic-bezier(.2,.8,.2,1) 80ms both rise}.in .ledger li{animation:rise .3s calc(.18s + var(--i,0) * 50ms) cubic-bezier(.2, .8, .2, 1) both}.in .copy{animation:.3s cubic-bezier(.2,.8,.2,1) .4s both rise}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.field.shake{animation:.28s ease-in-out shake}@media (prefers-reduced-motion:reduce){.in .tag,.in .reaction img,.in .bubble,.in .pills,.in .ledger-card,.in .ledger li,.in .copy{animation:.2s ease-out both fade}.field.shake{border-color:var(--red);animation:none}.about{animation:.15s ease-out both fade}.btn:hover,.btn:active,.chip:active,.pill:active,.copy:active{transform:none}}
