*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}main{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.joke-gen{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:600px;padding:2.5rem;animation:.6s ease-in-out fadeIn;box-shadow:0 25px 50px #00000026}.joke-gen h1{color:#5a4fcf;margin-bottom:2rem;font-size:1.8rem}.joke{flex-direction:column;gap:1.5rem;display:flex}.question{font-size:1.2rem;font-weight:600}.answer{color:#666;min-height:24px;font-size:1.1rem;transition:opacity .3s}.joke button{cursor:pointer;border:none;border-radius:12px;padding:.75rem 1.2rem;font-size:1rem;font-weight:600;transition:all .25s}.tell_me{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.tell_me:hover{transform:translateY(-3px);box-shadow:0 10px 20px #667eea66}.another{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.another:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-3px)}footer{text-align:center;color:#fff;opacity:.8;padding:1rem;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}