.pet-profile-container{background-color:var(--color-bg-primary);min-height:100vh;padding:var(--space-4)0 var(--space-16)0;max-width:700px;margin:0 auto}@media (max-width:768px){.pet-profile-container{padding:var(--space-2)0 var(--space-12)0;max-width:100%}}.pet-profile-back-button{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-base);margin-bottom:var(--space-4);background-color:transparent;border:none;font-size:15px;font-weight:500;display:inline-flex}.pet-profile-back-button:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.pet-profile-back-button:active{transform:scale(.98)}@media (max-width:768px){.pet-profile-back-button{margin-bottom:var(--space-3)}}.pet-profile-loading{background-color:var(--color-bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:3px solid var(--color-bg-secondary);border-top:3px solid var(--color-brand);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pet-profile-not-found{background-color:var(--color-bg-primary);min-height:100vh;padding:var(--space-5);justify-content:center;align-items:center;display:flex}.not-found-content{text-align:center;max-width:400px}.not-found-content h1{color:var(--color-text-primary);margin:0 0 var(--space-6)0;font-size:24px;font-weight:600}.not-found-content .back-button{background-color:var(--color-brand);color:#fff;padding:var(--space-3)var(--space-8);cursor:pointer;transition:all var(--transition-base);border:none;border-radius:999px;font-size:16px;font-weight:600}.not-found-content .back-button:hover{box-shadow:var(--shadow-sm);background-color:#d10f43;transform:translateY(-1px)}