body{margin:0;font-family:Inter,sans-serif;background:linear-gradient(to bottom,#f3e8ff,#ede9fe);color:#1f2937;text-align:center}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem}.app-title{font-size:3rem;font-weight:800;color:#7c3aed;margin:2rem 0 .5rem}.app-subtitle{color:#4b5563;max-width:28rem;margin-bottom:1.5rem}.error-message{color:#dc2626;font-size:1.125rem;margin-bottom:1rem}.profile-card{background-color:#fff;border-radius:2rem;box-shadow:0 20px 25px #0000001a;padding:1.5rem;width:100%;max-width:20rem;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:transform .3s}.profile-card:hover{transform:scale(1.05)}.profile-avatar{width:7rem;height:7rem;border-radius:50%;border:.25rem solid #a78bfa;object-fit:cover;box-shadow:0 4px 6px #0000001a}.no-avatar{width:7rem;height:7rem;border-radius:50%;background-color:#d1d5db;display:flex;align-items:center;justify-content:center;color:#6b7280;font-weight:600;font-size:1rem;box-shadow:0 4px 6px #0000001a}.profile-name{font-size:1.5rem;font-weight:700;color:#1f2937;margin-top:.5rem}.profile-username{color:#6b7280}.profile-info{width:100%;display:flex;justify-content:flex-start;margin-top:.75rem;font-size:.875rem;color:#4b5563}.profile-stats{width:100%;display:flex;justify-content:space-between;margin-top:1rem}.profile-stat{display:flex;flex-direction:column;align-items:center}.profile-stat-label{font-size:.875rem;color:#9ca3af}.profile-stat-value{font-size:1.125rem;font-weight:700}.star-rating{display:flex;gap:.2rem;margin-top:.25rem;font-size:1.2rem;color:#d1d5db}.star{display:inline-block;transform:scale(0);animation:popStar .5s forwards}.star.filled{color:#facc15;text-shadow:0 0 5px #facc15,0 0 10px #facc15}@keyframes popStar{to{transform:scale(1)}}