*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:linear-gradient(135deg,#fdf6ec,#f7efe5);min-height:100vh}.app-shell{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:20px;display:flex}.app-shell h2{color:#5c4b3b;margin-bottom:20px;font-size:clamp(1.4rem,2vw,1.8rem)}.hero{justify-content:center;align-items:center;gap:14px;margin-bottom:24px;display:flex}.hero h2{color:#5c4b3b;margin:0;font-size:clamp(1.5rem,2.5vw,2rem)}.hero img{object-fit:contain;width:clamp(40px,5vw,55px);height:clamp(40px,5vw,55px)}.Card{background:#fffaf3;border:1px solid #f1e3d3;border-radius:22px;width:100%;max-width:460px;padding:clamp(18px,2.5vw,28px);transition:transform .2s;box-shadow:0 12px 36px #785f462e}.Card:hover{transform:translateY(-5px)}.image-wrapper{border-radius:16px;width:100%;margin-bottom:15px;overflow:hidden}.catImage{width:100%;height:auto;display:block}.catName{color:#4b3f32;margin-bottom:6px;font-size:clamp(1.2rem,2vw,1.4rem);font-weight:600}.Card p{color:#6b5b4b;margin:6px 0;font-size:clamp(.85rem,1.5vw,.95rem)}.catDescription{color:#7a6a5a;margin-top:10px;font-size:clamp(.85rem,1.4vw,.95rem);line-height:1.4}.characteristics{margin-top:10px}.temperament{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;display:flex}.temperament div{background:#f3e7d9;border-radius:8px;padding:4px 8px;font-size:clamp(.75rem,1.2vw,.85rem)}.stats{text-align:left;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;display:grid}.stats p{margin-bottom:4px;font-size:clamp(.8rem,1.3vw,.9rem)}.dots-container{gap:5px;display:flex}.dot{background-color:#e5d5c5;border-radius:50%;width:clamp(8px,1vw,10px);height:clamp(8px,1vw,10px)}.dot.filled{background-color:#c8a27c}.buttons{justify-content:center;gap:12px;margin-top:16px;display:flex}.refreshBtn,.knowMore{color:#4b3f32;cursor:pointer;background:#e6c9a8;border:none;border-radius:10px;padding:10px 16px;font-size:clamp(.85rem,1.3vw,.95rem);text-decoration:none;transition:all .2s}.refreshBtn:hover,.knowMore:hover{background:#d9b894;transform:translateY(-1px)}.refreshBtn:active,.knowMore:active{transform:scale(.97)}.refreshBtn:disabled{opacity:.6;cursor:not-allowed}@media (width<=500px){.stats{grid-template-columns:1fr}.buttons{flex-direction:column;gap:10px}}