@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Manrope,sans-serif;background:linear-gradient(to bottom right,#121212,#1d3557);color:#fff;display:flex;justify-content:center;align-items:center;height:100vh}.app{text-align:center}.container{background:#2a9d8f;padding:2rem;border-radius:10px;width:90%;max-width:600px;box-shadow:0 4px 10px #0003}h1{font-size:2.5rem;margin-bottom:1rem}.joke-box{background:#264653;padding:1.5rem;border-radius:10px;margin:1rem 0}.loading{color:#fff}.error{color:#e63946}.joke{font-size:1.25rem;line-height:1.5}.controls{margin-top:1rem}.section{margin-bottom:1.5rem}h2{margin-bottom:.75rem}.checkbox-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}label{display:flex;align-items:center;gap:.5rem;font-size:.9rem}select{padding:.5rem;border:none;border-radius:5px;background:#264653;color:#fff}.fetch-btn{background:#e76f51;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background .3s ease}.fetch-btn:hover{background:#d45d4c}