.random-container{width:100%;min-height:250px;background-color:#fcfcfc;position:relative;display:flex;align-items:center;justify-content:center;padding:30px 0;border-radius:14px;overflow:hidden}.random-container:before{content:"";position:absolute;inset:0;background-image:var(--bg-image);background-size:30%;background-position:50%;background-repeat:repeat;opacity:.1;z-index:0;border-radius:14px}.random-container>*{position:relative;z-index:1}body.dark-mode .random-container{background-color:#1f1f1f}.random-button{background-color:white;color:#b22133;font-size:16px;padding:10px 15px;border:2px solid #b22133;border-radius:10px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;font-family:Poppins,sans-serif;font-weight:600}body.dark-mode .random-button{background-color:#343434;color:#ffffff;border:2px solid #b00000}.random-button:hover{background-color:#b22133;color:white}body.dark-mode .random-button:hover{background-color:#b00000;color:#ffffff}.random-button:active{transform:scale(.95)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.random-card{width:90%;padding:20px;border-radius:14px;background-color:rgba(255,255,255,.8);border:2px solid #b22133;text-align:center;position:relative;animation:fadeInScale .5s ease-out forwards}.random-card,body.dark-mode .random-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body.dark-mode .random-card{background-color:rgba(19,19,19,.9);border:2px solid #b00000}.random-card-titre{font-size:24px;color:#333;margin:0 auto;width:80%}body.dark-mode .random-card-titre{color:#ffffff}.category-text{font-size:16px;margin-bottom:20px;color:#666}body.dark-mode .category-text{color:#ffffff}.refresh-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:30px;cursor:pointer;transition:transform .2s ease;color:#b22133}body.dark-mode .refresh-button{color:#b00000}.refresh-button:hover{transform:rotate(180deg)}