:root{--ink: #2b2233;--paper: #fffdf7;--sun: #ffc83d;--dot: #ffd66b}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:1.5rem;background-color:#fff3d6;background-image:radial-gradient(var(--dot) 13%,transparent 14%);background-size:30px 30px;color:var(--ink);font-family:Fredoka,system-ui,-apple-system,Segoe UI,sans-serif}.card{position:relative;width:min(500px,100%);background:var(--paper);border:3px solid var(--ink);border-radius:22px;padding:3rem 2rem 1.5rem;text-align:center;box-shadow:8px 8px 0 var(--ink);transform:rotate(-1.2deg)}.badge{position:absolute;top:-1.1rem;left:50%;transform:translate(-50%) rotate(2.5deg);background:var(--sun);border:3px solid var(--ink);border-radius:999px;padding:.3rem 1.1rem;font-size:1rem;font-weight:600;white-space:nowrap}.joke-text{margin:.5rem 0 2.25rem;font-size:1.45rem;font-weight:500;line-height:1.5;min-height:4.4em;display:flex;align-items:center;justify-content:center}.joke-text.pop{animation:pop .35s ease-out}@keyframes pop{0%{transform:scale(.92) rotate(1deg);opacity:0}70%{transform:scale(1.03)}to{transform:scale(1) rotate(0);opacity:1}}.actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.vote-group{display:flex;gap:.6rem}.btn{font-family:inherit;font-size:1.05rem;font-weight:500;color:var(--ink);background:#fff;border:2.5px solid var(--ink);border-radius:999px;padding:.45rem 1rem;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .1s ease,box-shadow .1s ease}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{opacity:.45;cursor:default;box-shadow:none;transform:none}.btn:focus-visible{outline:3px solid #7a5cff;outline-offset:2px}.btn-refresh{background:var(--sun)}.note{margin:1rem 0 0;font-size:.95rem;color:#7a6f85}.tomorrow-note{margin-top:.6rem;font-weight:500;color:var(--ink)}@media(max-width:420px){.actions{justify-content:center}.card{padding:2.75rem 1.25rem 1.25rem}}