@font-face{font-family:Nunito;src:url('assets/nunito-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/nunito-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/nunito-900.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
:root{font-family:Nunito,Arial,sans-serif;color:#291f40;background:#ffe35b;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.page{min-height:100svh;padding:clamp(25px,4vh,45px) 24px 22px;display:grid;grid-template-rows:auto 1fr auto;gap:22px}header{text-align:center}h1{font-size:clamp(36px,5vw,53px);font-weight:900;line-height:1;letter-spacing:-.055em;margin:0}.dot{color:#6941d9}.si{font-size:.62em;letter-spacing:-.06em}header p{font-size:14px;font-weight:700;letter-spacing:.015em;margin:12px 0 0}main{align-self:center;display:flex;flex-direction:column;align-items:center;padding:21px 0 20px;gap:34px}.joke-bubble{position:relative;width:min(850px,100%);min-height:310px;display:flex;align-items:center;justify-content:center;padding:52px 52px 40px;background:#fffef9;border:3px solid #291f40;border-radius:32px;box-shadow:8px 8px 0 #291f40}.joke-bubble::after{content:'';position:absolute;bottom:-14px;left:15%;width:24px;height:24px;background:#fffef9;border-right:3px solid #291f40;border-bottom:3px solid #291f40;transform:rotate(45deg)}.smile{position:absolute;top:-26px;right:30px;width:52px;height:52px;transform:rotate(10deg)}.smile circle:first-child{fill:#cbb8ff;stroke:#291f40;stroke-width:2.5}.smile .eye{fill:#291f40}.smile path{stroke:#291f40;stroke-width:2.5;fill:none;stroke-linecap:round}#joke{font-size:clamp(25px,3vw,36px);font-weight:700;line-height:1.42;letter-spacing:-.025em;text-align:center;text-wrap:balance;white-space:pre-line;margin:0;transition:opacity 200ms ease}#joke.long{font-size:clamp(23px,2.6vw,31px)}#joke.fading{opacity:0}#next{min-height:60px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 31px;border:3px solid #291f40;border-radius:17px;background:#6941d9;color:#fff;font-size:20px;font-weight:900;box-shadow:4px 5px 0 #291f40;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}#next span{font-size:28px;line-height:1}#next:hover{background:#5831c5;transform:translate(-1px,-2px);box-shadow:5px 7px 0 #291f40}#next:active{transform:translate(3px,4px);box-shadow:1px 1px 0 #291f40}button:focus-visible,a:focus-visible{outline:3px solid #291f40;outline-offset:7px}footer{text-align:center}footer p{margin:0;font-size:14px;font-weight:900}.credit{margin-top:9px;font-size:12px;font-weight:400}.credit a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}.credit a:hover{color:#5831c5}noscript{max-width:450px;text-align:center}
@media(max-width:600px){.page{padding:28px 22px 21px;gap:16px}main{padding:17px 0 18px;gap:32px}.joke-bubble{min-height:330px;padding:38px 22px 30px;border-radius:24px;box-shadow:5px 6px 0 #291f40}#joke{font-size:25px;line-height:1.4}#joke.long{font-size:23px}.smile{right:20px;width:46px;height:46px;top:-23px}#next{font-size:18px;min-height:56px;padding:12px 28px}}
@media(max-width:359px){.joke-bubble{padding-left:15px;padding-right:15px}#joke{font-size:23px}#joke.long{font-size:21px}}
@media(max-height:600px) and (min-width:601px){.page{padding:18px 24px;gap:12px}h1{font-size:33px}header p{margin-top:7px}main{gap:22px;padding:8px 0}.joke-bubble{min-height:200px;padding:32px 38px 25px}#joke,#joke.long{font-size:25px}#next{min-height:48px;padding:8px 24px;font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}#next:hover,#next:active{transform:none}}