*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#f9f9f9,#fdbf98);display:flex;justify-content:center;align-items:center;min-height:100vh}h1{width:100%;text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#333;letter-spacing:1px;text-shadow:1px 2px 4px rgba(0,0,0,.2);font-family:Georgia,Times New Roman,serif}.cat-container{width:85%;max-width:400px;aspect-ratio:3/4;margin:0 auto 20px;border-radius:15px;overflow:hidden;background:#ebe9e9;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 6px 15px #00000040;position:relative}.cat-container img{width:100%;height:100%;object-fit:cover;border:8px solid #fff;outline:3px solid #000;outline-offset:-2.5px;border-radius:15px;transition:transform .3s ease,opacity .3s ease}.spinner{width:50px;height:50px;border:5px solid #ddd;border-top:5px solid #4caf50;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.note{text-align:center;font-size:1rem;line-height:1.4;margin:10px}.note .dislike-text{color:#f44336;font-weight:700}.note .like-text{color:#4caf50;font-weight:700}.buttons{display:flex;gap:30%;justify-content:center;max-width:400px;margin:0 auto}.buttons button{width:70px;height:70px;border:none;border-radius:50%;cursor:pointer;font-size:1.8rem;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #0003;transition:background .2s ease,transform .2s ease}.buttons button:hover{opacity:.9;transform:scale(1.05)}.buttons #likeBtn{background-color:#8ef791;color:#fff}.buttons #dislikeBtn{background-color:#e37972;color:#fff}.cat-gallery{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;padding:10px}.cat-gallery img{width:100px;height:100px;object-fit:cover;border-radius:10px;box-shadow:5px 4px 8px #00000080;cursor:pointer;transition:transform .2s ease}.cat-gallery img:hover{transform:scale(1.1)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.enlarged-cat{max-width:90%;max-height:90%;background:#fff;border-radius:10px;box-shadow:0 8px 24px #0009;object-fit:contain}@media (max-width: 500px){h1{font-size:2rem}.buttons button{padding:10px 0}.cat-gallery img{width:80px;height:80px}}