.pet-selector{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.pet-selector-loading{padding:var(--space-10) var(--space-5);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#ff6f61;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pet-selector-empty{padding:var(--space-10) var(--space-5);justify-content:center;align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.pet-selector-empty h3{color:var(--color-text-primary);margin:0;font-size:18px;font-weight:600}.pet-selector-empty p{color:var(--color-text-tertiary);margin:0;font-size:14px}.pet-selector-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:#c53030;margin-bottom:var(--space-3);background-color:#fee;border-left:4px solid #e53e3e;font-size:14px}.pet-list{gap:var(--space-3);flex-direction:column;display:flex}.pet-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background-color:var(--color-bg-primary);cursor:pointer;transition:all var(--transition-base) ease;border:2px solid #0000;display:flex}.pet-item:hover:not(.disabled){border-color:var(--color-border-light);background-color:#f9f9f9}.pet-item.selected{background-color:#f0fdf4;border-color:#4ade80}.pet-item.disabled{opacity:.6;cursor:not-allowed}.pet-avatar{flex-shrink:0}.pet-info{gap:var(--space-0_5);flex-direction:column;flex:1;min-width:0;display:flex}.pet-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.pet-username{color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.puppy-badge{padding:var(--space-0_5) var(--space-2);color:#92400e;margin-top:var(--space-1);background-color:#fef3c7;border-radius:12px;align-items:center;width:-moz-fit-content;width:fit-content;font-size:12px;font-weight:500;display:inline-flex}.pet-action{flex-shrink:0;justify-content:center;align-items:center;display:flex}.check-icon{border:2px solid var(--color-border);width:32px;height:32px;color:var(--color-border);transition:all var(--transition-base) ease;border-radius:50%;justify-content:center;align-items:center;display:flex}.check-icon.checked{color:#fff;background-color:#4ade80;border-color:#4ade80}.btn-complete-small{padding:var(--space-1) var(--space-4);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-base) ease;border:none;font-size:13px;font-weight:500}.btn-complete-small:hover{background-color:var(--color-border-light)}.btn-add-pet{padding:var(--space-3) var(--space-5);color:#374151;cursor:pointer;transition:background-color var(--transition-base) ease;width:-moz-fit-content;width:fit-content;margin-top:var(--space-2);background-color:#e5e7eb;border:none;border-radius:9999px;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:inline-flex}.btn-add-pet:hover{background-color:#d1d5db}@media (max-width:640px){.pet-item{padding:var(--space-2)}.pet-name{font-size:15px}.pet-username{font-size:13px}}