#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.joke-card{max-width:500px;margin:1rem auto;padding:1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:box-shadow .3s ease}.joke-card:hover{box-shadow:0 8px 12px #00000026}.joke-type{color:#6366f1;font-size:.875rem;text-transform:uppercase;font-weight:600;margin-bottom:.5rem}.joke-setup{font-size:1.25rem;font-weight:600;color:#1f2937;margin:1rem 0}.joke-punchline{color:#4b5563;font-style:italic;padding-left:1rem;border-left:4px solid #6366f1}button{background-color:#6366f1;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin:1rem 0}button:hover{background-color:#4f46e5}button:active{background-color:#4338ca;transform:translateY(1px)}button:focus{outline:2px solid #818cf8;outline-offset:2px}